输入发送HTML表单但不提交

Question

我用type =“button”替换了我的表单上的type =“submit”，以防止在用户按Enter键时提交表单。这会阻止我们在所有浏览器中提交表单吗？

Answer 1

这对于可用性是一个糟糕的决定，应该避免。

Answer 2

似乎没有。 This question suggests that submission will still happen in Chrome.

Answer 3

按下Enter键后，某些浏览器仍会自动提交。如果你真的需要一些特色，你可能宁愿使用onSubmit事件处理程序实现自己的过滤。

然后，您可以通过从Javascript实际调用submit方法来强制提交表单。当然，您需要设置一个特定的标志，以允许您的提交通过这一次。 （使用jQuery）

的一些东西

//flag definition
var form_is_ready = false;

//event handler for the form submission
$('#your-form-id').submit(function() {
  if (!form_is_ready) {
    return false;
  }
});

//function you have to call to actually submit the form
function do_submit() {
  form_is_ready = true;
  $('#your-form-id').submit();
}

这只是一个快速编写的代码。你应该根据自己的需要进行调整。