2012-08-27 28 views
1

我想要實現AJAX到一個接觸的形式,這裏是我的代碼至今...實現的jQuery 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

+0

因此,不要做你的工作,你希望我們爲你做?你有沒有試過閱讀'$ .ajax()'? – zerkms

+0

「對於縮進感到抱歉,我比這更加整潔,但我責怪Dreamweaver」---爲什麼要使用會產生可怕結果的工具?有很多免費的編輯器有很好的自動縮進 – zerkms

+0

沒有想到一個實際的解決方案,只是一些指向正確方向的指針。 我曾嘗試: \t jQuery.ajax({ 類型: 「POST」, 網址: 「mail.php」, 數據:dataString, 成功:函數() 但不知道如何落實到這個。 –

回答

0

添加此功能:

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

沒有測試過,但..你可能需要將其根據代碼的其他部分看起來像添加「form.submit」部分。