时间戳

首页 > 解决方案 > 必填输入字段 + Onlick 按钮请求

javascript - 必填输入字段 + Onlick 按钮请求

问题描述

目前我正在尝试使我的输入字段成为必需的。

<form name="myForm" method="post">
    <input type="text" id="username" name="username" required>
    <center><button id="process2"  type="submit">Continue</button> </center>
</form>

当我拥有上述部分时，它可以工作，但是每当我button包含一个onlick事件时，我都需要它工作。<button id="process2" type="submit" onclick="move()">Continue</button>我该怎么做呢？

当前的问题是 -onclick请求将触发，它会提示所需的选项，但是除非填充了所需的选项，否则不应触发 onclick 请求。

标签： javascriptjquery

解决方案

而不是onclick，您应该收听表单的submit，并move()在其中调用

document.querySelector('form').addEventListener('submit', event => {
  event.preventDefault();
  console.log('submitted');
  
  move();
});

function move() {
  console.log('moving ..');
}
<form name="myForm" method="post">
    <input type="text" id="username" name="username" required>
    <button id="process2"  type="submit">Continue</button>
</form>

推荐阅读