jquery validate 扩展验证失败的回调方法
2015-07-28 11:08
441 查看
最近在用bootstrap搭建网页,想用jquery validate 配合bootstrap的样式进行表单验证,但是查看了文档没有找到验证失败的方法接口,通过简单的修改了一下源代码,自己添加了一个回调方法,具体如下所示。
找到jquery validate源码的check 方法入口,添加如下代码:
效果截图如下:
该方法只是简单的做了点修改,如有更好的方法,请告之。
找到jquery validate源码的check 方法入口,添加如下代码:
if ( !result ) { this.formatAndAdd( element, rule ); //添加的代码 var errorCallback=this.settings.errorCallback; if($.type(errorCallback)==='function'){ errorCallback(element); } return false; } 然后在页面的脚本代码的validate参数对象添加自己定义的成员(这里是errorCallback),如下所示:
$('#form-register').validate({ rules:{ ... }, //自带的验证成功回调方法 success:function(msg){ ... }, //自己添加的验证失败回调方法 errorCallback:function(element){ ... } })
效果截图如下:
该方法只是简单的做了点修改,如有更好的方法,请告之。
相关文章推荐
- bootstrap初试进度条
- Bootstrap 3.3.4 发布,Web 前端 UI 框架
- 基于Bootstrap的网页设计实例
- 精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
- BootStrap实现带有增删改查功能的表格(DEMO详解)
- 通过Tabs方法基于easyUI+bootstrap制作工作站
- BootStrap栅格系统、表单样式与按钮样式源码解析
- bootstrap data与jquery .data
- 解决bootstrap中modal遇到Esc键无法关闭页面
- 基于Bootstrap+jQuery.validate实现Form表单验证
- 页面遮罩层,并且阻止页面body滚动。bootstrap模态框原理
- BOOTSTRAP时间控件显示在模态框下面的bug修复
- el表达式 写入bootstrap表格数据页面的实例代码
- BootStrap便签页的简单应用
- 使用jQuery和Bootstrap实现多层、自适应模态窗口
- 使用java基于pushlet和bootstrap实现的简单聊天室
- 网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法
- requirejs 学习笔记 0 3ff8
- 关于Bootstrap之JS插件模态框的重要注意事项
- 【OSChina-MoPaaS应用开发大赛】JeeSite(JES)