jQuery validate在没有校验通过的情况下拒绝提交

下面通过一个简单的例子说明，这个问题，可能是很多人遇到的，验证不通过的时候，依然提交了表单。

 

HTML

<form class="survey" >
    <div >
    </div>
    <div class="nav">
        <input  />
        <input class="submit"  />
    </div>
</form>    

 

jQuery validate function

 

jQuery(document).ready(function(){

    jQuery("#survey").validate({
        submitHandler: function(form) {
            // your ajax loading logic
            form.submit(); // use this to finally submit form data at the last step
            return false;  // prevent form submit because you are doing the ajax
        }
    });

});

 

 

假如submit操作的逻辑不在jQuery("survey").validate() 函数体里面，将不会得到jQuery validate plugin的自动校验合法后提交的功能。除非自己动手写校验逻辑。

还是那句话，既然这个世界已经有现存的好用的东西，为何不去用而非要自己费力去再做一次不可呢，这些都和业务无关，就不要浪费时间了，专心于自己的业务吧！