javascript – 使用AJAX输入type =“submit”而不是input type =“button”?

前端之家收集整理的这篇文章主要介绍了javascript – 使用AJAX输入type =“submit”而不是input type =“button”?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在设置一个 AJAX表单,使用< input type =“button”>正在设置jQuery .click动作.

问题是,因为没有< input type =“submit”>在表单中,表单不以传统方式提交,因此表单验证器并不总是有效,按下回车按钮不起作用.

如果我添加一个提交输入,当它被单击(或输入命中等)时,页面会重新加载,就像它不是一个AJAX表单一样.

我在这里想念的是什么?

解决方法

使用提交按钮.提交按钮在默认浏览器行为方面更兼容,例如按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
});

猜你在找的Ajax相关文章