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 Form验证，它们也展示了如何进行ajax验证：）

带有jquery验证的Ajax表单

1 个答案: