通过回调提交表单与ajax

Question

我想单击gcapcha时提交表单。我试着用我知道的（我愚蠢的）jquery函数提交。但这不起作用。

这是我的代码（它有什么问题）。 的Javascript

var verifyCallback = function(e) { 
document.getElementById("form-contact").submit(); 
$.ajax({ 
    type : 'POST', 
    url : 'inc/contact_sent.php', 
    data : $(this).serialize(), 
     success : function(data){ 
      $("#contact").html(data); 
     } 
    }); 
return false; 
}; 
var onloadCallback = function() { 
    grecaptcha.render("captcha", { 
     sitekey: "xxx", 
     callback: verifyCallback 
    }) 
}; 

HTML

<div id="contact" class="contact-form"> 
    <form class="ajaxForm detailedsearch inline-style" method="post" id="form-contact"> 
     <input type="text" class="form-control" name="cntc_name" placeholder="Your name" required>  
     <input type="email" class="form-control" name="cntc_email" placeholder="Your email" required> 
     <input type="text" class="form-control" name="cntc_tel" placeholder="Your phone">  
     <input type="text" class="form-control" name="cntc_subj" placeholder="Subject" value="<?=(isset($_POST['ptitle']))?"Queries for $_POST[ptitle]":""?>" required>  
     <textarea class="form-control" name="cntc_desc" rows="6" placeholder="Your Detail" required></textarea> 
     <div class="form-group">      
      <div id="captcha" class="center-captcha"></div> 
      <div id="gcaptcha" style="transform:scale(0.50);-webkit-transform:scale(0.50);transform-origin:0 0;-webkit-transform-origin:0 0;"></div> 
      <span class="text-danger">*Please complete the form to proceed.</span> 
     </div> 
     <!-- <button type="submit" class="btn btn-success btn-block"><i class="fa fa-envelope-o"></i>&nbsp;Submit Form</button> --> 
    </form> 
</div> 

Answer 1

你应该这样做....

//register a event for form submit 
$("form").submit(function(e) { 
    e.preventDefault(); 
    $.ajax({ 
    type : 'POST', 
    url : 'inc/contact_sent.php', 
    data : $(this).serialize(), //serialize the form data 
    success : function(data){ 
     $("#contact").html(data); 
    } 
    }); 
}); 

var verifyCallback = function(e) { 

//submit form 
$("#form-contact").submit(); 

return false; 
}; 

var onloadCallback = function() { 
    grecaptcha.render("captcha", { 
     sitekey: "xxx", 
     callback: verifyCallback 
    }) 
};