AJAX Jquery PHP表單驗證

Question

我想創建一個基於jQuery驗證插件（http://docs.jquery.com/Plugins/Validation）的評論表單。如何配置表單以使用AJAX提交？現在我無法得到表單提交而不去下一頁（process.php）。我希望它留在表單頁面上。

該代碼目前幾乎是直接從jquery。

<script> 
    $(document).ready(function() { 
     $("#commentForm").submit(function() { 
      if ($("#commentForm").validate()) { 
       $.ajax({ 
        type: 'POST', 
        url: 'process.php', 
        data: $(this).serialize(), 
        success: function (returnedData) { 
         $('#commentForm').append(returnedData); 
        } 
       }); 
      } 
      return false; 
     }); 
    }); 
</script> 


<form class="cmxform" id="commentForm" method="POST" action="process.php"> 
<label for="cname">Name</label> 
<em>*</em><input id="cname" name="name" size="25" class="required" minlength="2" /> 

<label for="cemail">E-Mail</label> 
<em>*</em><input id="cemail" name="email" size="25" class="required email" /> 

<label for="curl">URL</label> 
<em> </em><input id="curl" name="url" size="25" class="url" value="" /> 
<label for="ccomment">Your comment</label> 
<em>*</em><textarea id="ccomment" name="comment" cols="22" class="required"></textarea> 

<input class="submit" type="submit" value="Submit"/> 

而且PHP是非常標準太：

<?php 

$to  = 'sdfsadfssfasd@gmail.com'; 
$subject = 'the subject'; 
$message = 'hello'; 
$headers = 'From: webmaster@example.com' . "\r\n" . 
'Reply-To: webmaster@example.com' . "\r\n" . 
'X-Mailer: PHP/' . phpversion(); 

mail($to, $subject, $message, $headers); 

print "Form submitted successfully: <br>Your name is <b>".$_POST['cname']."</b> and your email is <b>".$_POST['email']."</b><br>"; 
?> 

感謝您的幫助。

Answer 1

$(document).ready(function(){ 
    $("#commentForm").submit(function(){ 
     if($("#commentForm").validate()){ 
      $.ajax({ 
       type: 'POST', 
       url: 'process.php', 
       data: $(this).serialize(), 
       success: function(returnedData){ 
        alert(returnedData); 
       } 
      }); 
     } 
     return false; 
    }); 
});