Question

我一直在尝试制作一个表单，一旦验证，就会发送一封电子邮件并在同一屏幕上返回“已发送”消息。换句话说，我需要以某种方式结合以下的行动：

$('#mailForm').on('submit', function(){
$("#formContainer").html("Thanks! Your message has been sent.")
$.post($(this).attr('action'));
  return false;
});

使用：

$('form').validate();

阅读，我知道它应该是这样的：

$("#mailForm").validate({
   submitHandler: function(form){
     $("#mailForm").ajaxSubmit();  
     $("#formContainer").html("Thanks! Your message has been sent."); 
     return false; 
   };
 });

但这只是打破了页面，所以显然是胡说八道。有人可以帮忙吗？

Answer 1

您应该将代码编写为

$('#mailForm').validate({

    ... your validation rules come here,

    submitHandler: function(mailForm) {
        $.ajax({
            url: form.action,
            type: form.method,
            data: $(mailForm).serialize(),
            success: function(response) {
                $("#formContainer").html("Thanks! Your message has been sent.");
            }            
        });
    }

}）;

JQuery Validation插件成功函数提交？

1 个答案: