使用jQuery驗證的Ajax表單

Question

我無法做出正面或反面的疑問，並且想知道您是否可以提供幫助！當我點擊按鈕時，沒有任何反應。理想情況下，我希望表單在提交之前進行驗證，並在未驗證時阻止提交。

<script type="text/javascript" src="../assets/js/validate/jquery.validate.min.js">    
</script> 
<script type="text/javascript" src="../assets/js/validate/jquery.validate.more.js"> 
</script> 
<script type="text/javascript" language="javascript"> 

var J = jQuery.noConflict(); 

    J(document).ready(function(){ 

J("form#nameform").validate({ 
        rules: { 
        "name": { 
        required: true, 
        format: true}, 
       }, 
        submitHandler: function() { 


     J.ajax({ 
      type: "POST", 
      url: "process.php", 
      data: J("form#nameform").serialize(), 
      success: function(html) { 
J('form#nameform').html('hello'); 
    } 

});    
    }; 
    }); 
}); 



</script> 


<div id="name"> 
<form id="nameform" method="post"> 
<input id="name" class="text" name="name" size="20" type="text"> 
<input type="submit" value="go" /> 
    </form> 
</div> 

Answer 1

很多tutorial使Jquery的形式valitation，他們表現出如何使AJAX驗證過:)