欢迎您,零度科技专业海外服务器租用
公司电话: 24小时电话: 

当前位置:首页>网站建设教程>javascript教程>jquery教程

目录导航

jquery.validate和onsubmit 同时使用的方法

香港高防(5G)机房 发布于 2012-09-04  
jquery教程

<form action="savePublicOutAdd" id="savePublicOutAdd" method="post" onsubmit="return beforeSubmit()">
........
</form>

Javascript代码
function beforeSubmit() {
return false;
}
$("#savePublicOutAdd").validate({
onsubmit:true,// 在提交表单时验证,默认是true
rules: {
....
},
messages:{
....
}
});

虽然beforeSubmit返回的是false,但是只要validate验证通过,表单还是会提交。
原因:虽然自定义方法返回的是false,但是jquery的validate也是在onsubmit时执行,且在beforeSubmit方法之后。
虽然自定义的方法返回false,但是并没有阻止jquery validate继续执行,所以jquery validate最终的返回值才决定了
表单是否提交。解决办法如下:
$("#savePublicOutAdd").validate({
onsubmit:true,// 是否在提交是验证,默认也是true
rules: {
....
},
messages:{
....
},
submitHandler: function(form) {//通过之后回调
alert(form);
//form.submit();提交表单,如果不写,即便通过表单也不会自动提交
},
invalidHandler: function(form, validator) {//不通过回调
alert("not pass");
return false;
}
});
有些时候,仅仅靠jquery的validate无法满足我们的需求,这个时候就可以在验证通过的回调中继续验证其他内容

转载自零度科技:http://www.ldisp.com/a/jquery/2012/1320.shtml

上一篇:jQuery中的线性、渐进、曲线、摆动运动效果插件
下一篇:jquery.validate 扩展验证规则,自定义验证规则

 
了解零度?

零度科技主营全球服务器租用,如果您有服务器租用需求请联系

海外服务器租用

推荐香港、美国、韩国。提供站群服务器、高防服务器租用

海外特价服务器

关注零度特价服务器频道,了解全球特价服务器。

449

业务咨询

    技术服务

      特价活动
        全站搜索
        热门搜索:
        会员
        0通知
        客服
        0特价
        搜索
        TOP
        香港高防服务器,远程桌面,韩国服务器,nginx,反向代理