php - 表单提交 - 防止页面重新加载 jQuery

Question

我正在构建一个联系表单，我想通过 ajax 提交数据并通过它显示结果。但是每当用户点击提交按钮时，页面似乎会自动提交。我也使用了 jquery 的 preventDefault 和 stopPropogation。但它仍然无法正常工作。我是 jQuery 的新手，我可能会遗漏一些小东西。这是代码:

表单

<form action="#" method="post" accept-charset="utf-8" name="contactform" id="contactform">
        <p>Name<br/><input type="text" name="cname" value="" id="cname" required /></p><br/>
        <p>Email<br/><input type="email" name="cemail" value="" id="cemail" required /></p><br/>
        <p>Message<br/><textarea name="cmessage" cols="40" rows="10" id="cmessage" required ></textarea></p>

        //Re-captcha code here
        <p><input type="submit" name="contact_submit" value="Submit" id="contact_submit"  /></p>
        </form> 

        <br />
        <div id="result"></div>

脚本

$(document).ready( function(){
$("#contact_submit").click( function(e){

   e.preventDefault();
   e.stopPropagation();




 });

 $("#result").html('');

 $("#contactform").validate();


 });

我已经包含了 jQuery Validation Plugin，但它也不起作用。

Answer 1

您真正想要的是捕获 submit() 和 preventDefault()。

$('#contactform').submit(function(e){
    e.preventDefault();
});