JQuery扩展插件Validate 3通过参数设置错误信息


Posted in Javascript onSeptember 05, 2011

最终显示在页面上的错误分为两种:第一种是默认错误信息,该信息已经被定义在插件中了,可以手动修改。
第二种是通过参数指定的错误信息,如果没有指定则会使用默认的错误信息。将上个示例的js修改如下:

<script type="text/javascript"> 
$(function() { 
$("#signupForm").validate( 
//在上例中新增的部分 
{ 
rules: { 
txtPassword1: "required", //密码1必填 
txtPassword2: { //密码2的描述多于1项使用对象类型 
required: true, //必填,这里可以是一个匿名方法 
equalTo: "#txtPassword1", //必须与密码1相等 
rangelength: [5, 10] //长度5-10之间 
}, 
txtEmail: "email" //电子邮箱必须合法 
}, 
messages: { 
txtPassword1: "您必须填写", 
txtPassword2: { 
required: "您必须填写", 
equalTo: "密码不一致", 
rangelength: "长度必须介于{0} 和 {1} 之间的字符串" 
} 
} 
}); 
}); 
</script>

html与前面的示例相同
在上一个示例的基础上添加了一个messages项,为其指定了一个对象类型的值,与rules基本对应,特意没有指定email的错误信息,运行结果如下:
JQuery扩展插件Validate 3通过参数设置错误信息

源码下载
Javascript 相关文章推荐
js word表格动态添加代码
Jun 07 Javascript
将HTMLCollection/NodeList/伪数组转换成数组的实现方法
Jun 20 Javascript
EasyUI中的tree用法介绍
Nov 01 Javascript
javascript修改IMG标签的src问题
Mar 28 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
Nov 17 Javascript
Js的Array数组对象详解
Feb 22 Javascript
jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
Mar 24 jQuery
JavaScript结合HTML DOM实现联动菜单
Apr 05 Javascript
实例分析JS中的相等性判断===、 ==和Object.is()
Nov 17 Javascript
JS document对象简单用法完整示例
Jan 14 Javascript
前端使用crypto.js进行加密的函数代码
Aug 16 Javascript
使用这 6个Vue加载动画库来减少我们网站的跳出率
May 18 Vue.js
JQuery扩展插件Validate 2通过参数设置验证规则
Sep 05 #Javascript
JQuery扩展插件Validate 1 基本使用方法并打包下载
Sep 05 #Javascript
JQuery扩展插件Validate 5添加自定义验证方法
Sep 05 #Javascript
分享20多个很棒的jQuery 文件上传插件或教程
Sep 04 #Javascript
jQuery验证Checkbox是否选中的代码 推荐
Sep 04 #Javascript
Jquery 一次处理多个ajax请求的代码
Sep 02 #Javascript
Javascript变量函数浅析
Sep 02 #Javascript
You might like
CI框架开发新浪微博登录接口源码完整版
2014/05/28 PHP
PHP 年月日的三级联动实例代码
2017/05/24 PHP
Jquery 绑定时间实现代码
2011/05/03 Javascript
Json字符串转换为JS对象的高效方法实例
2013/05/01 Javascript
jQuery中获取Radio元素值的方法
2013/07/02 Javascript
一个JavaScript递归实现反转数组字符串的实例
2014/10/14 Javascript
详解JavaScript中getFullYear()方法的使用
2015/06/10 Javascript
js实现select下拉框菜单
2015/12/08 Javascript
Nodejs如何复制文件
2016/03/09 NodeJs
localStorage实现便签小程序
2016/11/28 Javascript
Bootstrap表格使用方法详解
2017/02/17 Javascript
简单实现AngularJS轮播图效果
2020/04/10 Javascript
angular动态删除ng-repaeat添加的dom节点的方法
2017/07/20 Javascript
详解angularjs的数组传参方式的简单实现
2017/07/28 Javascript
使用javaScript实现鼠标拖拽事件
2020/04/03 Javascript
浅谈Emergence.js 检测元素可见性的 js 插件
2017/11/18 Javascript
vue登录注册及token验证实现代码
2017/12/14 Javascript
vue+element实现批量删除功能的示例
2018/02/28 Javascript
vue2使用keep-alive缓存多层列表页的方法
2018/09/21 Javascript
Python中文件遍历的两种方法
2014/06/16 Python
Tornado 多进程实现分析详解
2018/01/12 Python
django 实现电子支付功能的示例代码
2018/07/25 Python
对numpy中二进制格式的数据存储与读取方法详解
2018/11/01 Python
基于Python批量生成指定尺寸缩略图代码实例
2019/11/20 Python
Python如何在DataFrame增加数值
2020/02/14 Python
python中id函数运行方式
2020/07/03 Python
校园之星获奖感言
2014/01/29 职场文书
抽奖活动主持词
2014/03/31 职场文书
乡镇党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
单方离婚协议书范本(2014版)
2014/09/30 职场文书
2014七年级班主任工作总结
2014/12/05 职场文书
测量JavaScript函数的性能各种方式对比
2021/04/27 Javascript
深入浅析React中diff算法
2021/05/19 Javascript
为什么在foreach循环中JAVA集合不能添加或删除元素
2021/06/11 Java/Android
springboot 启动如何排除某些bean的注入
2021/08/02 Java/Android
Python中time与datetime模块使用方法详解
2022/03/31 Python