使用AJAX输入type ="submit"而不是input type ="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
});