javascript - 使用 AJAX 输入类型 ="submit"而不是输入类型 ="button"？

Question

我有一个正在设置的 AJAX 表单，使用 <input type="button">设置了 jQuery .click 操作。

问题是，因为没有<input type="submit" > 在表单中，表单不会以传统方式提交，因此表单验证器并不总是有效，并且按下回车按钮什么也不做。

如果我确实添加了提交输入，当它被点击(或输入被击中等)时，页面会重新加载，就好像它不是 AJAX 表单一样。

我在这里错过了什么？

Answer 1

使用提交按钮。提交按钮在默认浏览器行为方面将更加兼容，例如按 enter。然后，在提交事件中，只需取消表单提交并运行您的 AJAX 代码。

<form onsubmit="return false;">
<!--Blah Blah Blah-->
<input type="submit">
</form>

如果您使用的是 jQuery，则可以使用更“干净”的方法

$('#form_id').bind('submit',function(e) {
  e.preventDefault(); //Will prevent the submit...
  //Add additional code here
});