在联系人表单中实现jQueryAJAX

Implementing jQuery AJAX into contact form

本文关键字：实现 jQueryAJAX 表单 联系人      更新时间：2023-09-26

我想在联系人表单中实现AJAX，这是我迄今为止的代码。。。

$("#contact_form").validate({
     meta: "validate",
     submitHandler: function (form) {
             $('#contact_form').hide();
             $('#sucessmessage').append("<h4 class='form_thanks'>Thanks, your email has been sent! We will get back to you as soon as possible</h4>");
             return false;
             form.submit();
     },
     /* */
     rules: {
             name: "required",
lastname: "required",
             // simple rule, converted to {required:true}
             email: { // compound rule
                     required: true,
                     email: true
             },
             subject: {
                     required: true,
             },
             message: {
                     required: true
             }
     },
     messages: {
             name: "Please enter your name.",
lastname: "Please enter your last name.",
             email: {
                     required: "Please enter email.",
                     email: "Please enter valid email"
             },
             subject: "Please enter a subject.",
             message: "Please enter a message."
     },
}); /*========================================*/
});

我该如何实现AJAX jQuery代码（发布到PHP文件中）？

感谢

马特

编辑：很抱歉出现压痕，我比那更整洁，不过我责怪Dreamweaver！：P

添加此函数：

$('#contact_form').submit(function(){
    $.post($(this).attr('action'), $(this).serialize(), function(data){
        // whatever you want to do post submit
    });
    return false;
});

但未进行测试。。您可能需要将其添加到"form.submit"部分，具体取决于代码的其他部分。

相关文章：