1

お問い合わせフォームに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."
     },
}); /*========================================*/
});

これにAJAXjQueryコードを実装するにはどうすればよいですか（PHPファイルへの投稿）？

ありがとう

マット

編集：インデントについて申し訳ありませんが、私はそれよりもきれいですが、Dreamweaverのせいです！：P

4

1 に答える 1

0

この関数を追加します。

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

ただし、テストされていません。コードの他の部分がどのように見えるかによっては、「form.submit」セクションに追加する必要がある場合があります。

于 2012-08-27T23:00:50.777 に答える