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の検証を作成する方法を示し:)