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俄罗斯方块,包含完整的设计理念
Dec 11 Javascript
jquery中ajax学习笔记3
Oct 16 Javascript
js触发asp.net的Button的Onclick事件应用
Feb 02 Javascript
js替换字符串的所有示例代码
Jul 23 Javascript
node.js中的fs.chmod方法使用说明
Dec 18 Javascript
实例详解JSON数据格式及json格式数据域字符串相互转换
Jan 07 Javascript
jQuery对象与DOM对象转换方法详解
May 10 Javascript
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
Sep 04 Javascript
如何理解Vue的.sync修饰符的使用
Aug 17 Javascript
JavaScript中错误正确处理方式小结你用对了吗
Oct 10 Javascript
微信小程序制作表格的方法
Feb 14 Javascript
vue轮播组件实现$children和$parent 附带好用的gif录制工具
Sep 26 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
1.PHP简介
2006/10/09 PHP
如何在symfony中导出为CSV文件中的数据
2011/10/06 PHP
thinkphp实现数组分页示例
2014/04/13 PHP
微信公众号点击菜单即可打开并登录微站的实现方法
2014/11/14 PHP
php指定长度分割字符串str_split函数用法示例
2017/01/30 PHP
tp框架(thinkPHP)实现三次登陆密码错误之后锁定账号功能示例
2018/05/24 PHP
ThinkPHP中获取指定日期后工作日的具体日期方法
2018/10/14 PHP
laravel 实现划分admin和home 模块分组
2019/10/15 PHP
PHP后门隐藏的一些技巧总结
2020/11/04 PHP
某人初学javascript的时候写的学习笔记
2010/12/30 Javascript
imgAreaSelect 中文文档帮助说明
2011/10/08 Javascript
扩展JavaScript功能的正确方法(译文)
2012/04/12 Javascript
jquery提交form表单简单示例分享
2014/03/03 Javascript
推荐10个2014年最佳的jQuery视频插件
2014/11/12 Javascript
JavaScript实现删除,移动和复制文件的方法
2015/08/05 Javascript
JS集成fckeditor及判断内容是否为空的方法
2016/05/27 Javascript
JS封装的选项卡TAB切换效果示例
2016/09/20 Javascript
Vuex2.0+Vue2.0构建备忘录应用实践
2016/11/30 Javascript
js时间戳格式化成日期格式的多种方法介绍
2017/02/16 Javascript
微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}
2018/10/12 Javascript
详解BootStrap表单验证中重置BootStrap-select验证提示不清除的坑
2019/09/17 Javascript
微信小程序如何通过用户授权获取手机号(getPhoneNumber)
2020/01/21 Javascript
小程序卡片切换效果组件wxCardSwiper的实现
2020/02/13 Javascript
ES6中new Function()语法及应用实例分析
2020/02/19 Javascript
[04:03]2014DOTA2西雅图国际邀请赛 LGD战队巡礼
2014/07/07 DOTA
[48:41]VP vs VG Supermajor小组赛 B组胜者组决赛 BO3 第二场 6.2
2018/06/03 DOTA
Python中一些自然语言工具的使用的入门教程
2015/04/13 Python
python中类变量与成员变量的使用注意点总结
2017/04/29 Python
Python爬虫实现简单的爬取有道翻译功能示例
2018/07/13 Python
Win8下python3.5.1安装教程
2020/07/29 Python
Python爬虫 scrapy框架爬取某招聘网存入mongodb解析
2019/07/31 Python
Python箱型图处理离群点的例子
2019/12/09 Python
美国领先的低折扣旅行网站:Hotwire
2019/01/19 全球购物
YSL圣罗兰美妆英国官网:Yves Saint Laurent Beauty UK
2019/08/03 全球购物
python 中yaml文件用法大全
2021/07/04 Python
javascript的setTimeout()使用方法总结
2021/11/20 Javascript