在输入时提交没有 type= submit 的表单

Question

如何在输入时使用 type="button" 提交表单 这是我的输入字段

<input type="text" id = "login-user" class="form-control log-input" placeholder="Username" required="required">
<input type="password" id="login-password" class="form-control log-input" placeholder="Password" required="required">                   
<input type="button" id = "login-submit" class="btn btn-primary log-submit" value="Login" onclick = loginsubmit()>

我不想使用 type="submit" 我可以使用 type="button" 或任何其他方法吗？

Answer 1

您可以使用下面的代码在回车后提交表单。

<input id="videoid" placeholder="Enter the video ID">
<button id="mybutton" type="button" onclick="myFunction()">Submit</button>

<script>
var input = document.getElementById("videoid");
input.addEventListener("keyup", function(event) {
  if (event.keyCode === 13) {
   event.preventDefault();
   document.getElementById("mybutton").click();
  }
});
</script>

Answer 2

使用 jQuery 你会做这样的事情：

// Catch enter key stroke in input field
$('#somefield').on('keyup', (e) => {
  if (e.code === 13 || e.keyCode === 13) {
    e.preventDefault()
    // Submit your form
    $('#form').submit()
  }
})