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 相关文章推荐
超级强大的表单验证
Jun 26 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
Jan 21 Javascript
javascript 星级评分效果(手写)
Dec 24 Javascript
JQuery+DIV自定义滚动条样式的具体实现
Jun 25 Javascript
使用js的replace()方法查找字符示例代码
Oct 28 Javascript
利用Jquery实现可多选的下拉框
Feb 21 Javascript
seaJs的模块定义和模块加载浅析
Jun 06 Javascript
原生JS实现LOADING效果
Mar 16 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
Mar 26 Javascript
Bootstrap布局组件应用实例讲解
Feb 17 Javascript
jQuery3.0中的buildFragment私有函数详解
Aug 16 Javascript
js异步接口并发数量控制的方法示例
Nov 22 Javascript
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
不用数据库的多用户文件自由上传投票系统(2)
2006/10/09 PHP
PHP中将网页导出为Word文档的代码
2012/05/25 PHP
如何设置mysql允许外网访问
2013/06/04 PHP
PHP中鲜为人知的10个函数
2014/02/28 PHP
php使用ftp实现文件上传与下载功能
2017/07/21 PHP
PHP获取本周所有日期或者最近七天所有日期的方法
2018/06/20 PHP
查看源码的工具 学习jQuery源码不错的工具
2011/12/26 Javascript
你可能不知道的JavaScript的new Function()方法
2014/04/17 Javascript
angularjs中的e2e测试实例
2014/12/06 Javascript
javascript引用赋值(地址传值)用法实例
2015/01/13 Javascript
nodejs基础应用
2017/02/03 NodeJs
nodejs模块nodemailer基本使用-邮件发送示例(支持附件)
2017/03/28 NodeJs
在Vue.js中使用Mixins的方法
2017/09/12 Javascript
Vue+ElementUI实现表单动态渲染、可视化配置的方法
2018/03/07 Javascript
使用use注册Vue全局组件和全局指令的方法
2018/03/08 Javascript
从vue源码看props的用法
2019/01/09 Javascript
python通过urllib2爬网页上种子下载示例
2014/02/24 Python
深入理解Python 代码优化详解
2014/10/27 Python
使用Python读写文本文件及编写简单的文本编辑器
2016/03/11 Python
Python Flask基础教程示例代码
2018/02/07 Python
Python 编码规范(Google Python Style Guide)
2018/05/05 Python
在Python中实现shuffle给列表洗牌
2018/11/08 Python
详解python实现可视化的MD5、sha256哈希加密小工具
2020/09/14 Python
CSS3 display知识详解
2015/11/25 HTML / CSS
详解Canvas 实现炫丽的粒子运动效果(粒子生成文字)
2018/02/01 HTML / CSS
HTML5制作表格样式
2016/11/15 HTML / CSS
YBF Beauty官网:美丽挚友,美国知名彩妆品牌
2020/11/22 全球购物
安全资料员岗位职责范本
2014/06/28 职场文书
2015年综治宣传月活动总结
2015/03/25 职场文书
餐厅服务员管理制度
2015/08/05 职场文书
Python中相见恨晚的技巧
2021/04/13 Python
Spring Data JPA的Audit功能审计数据库的变更
2021/06/26 Java/Android
SQLServer中JSON文档型数据的查询问题解决
2021/06/27 SQL Server
Vue监视数据的原理详解
2022/02/24 Vue.js
Java设计模式之享元模式示例详解
2022/03/03 Java/Android
Python中的协程(Coroutine)操作模块(greenlet、gevent)
2022/05/30 Python