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

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

HTML

<form class="survey" id="survey" method="post" action="">
<div id="pagination">
</div>
<div class="nav">
<input id="prev" type="submit" value="Previous" />
<input class="submit" id="next" value="Next" name="submit" type="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的自动校验合法后提交的功能。除非自己动手写校验逻辑。

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

上一篇:ABP框架系列之四十一:(Nuget-Packages-Nuget包)


下一篇:老周的ABP框架系列教程 -》 一、框架理论初步学习