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 相关文章推荐
在Javascript中为String对象添加trim,ltrim,rtrim方法
Sep 22 Javascript
jQuery Validate初步体验(二)
Dec 12 Javascript
js实现有过渡渐变效果的图片轮播相册(兼容IE,ff)
Jan 19 Javascript
JavaScript必看小技巧(必看)
Jun 07 Javascript
jquery操作checkbox火狐下第二次无法勾选的解决方法
Oct 10 Javascript
Node.js websocket使用socket.io库实现实时聊天室
Feb 20 Javascript
jquery表单验证实例仿Toast提示效果
Mar 03 Javascript
vue单页应用加百度统计代码(亲测有效)
Jan 31 Javascript
vue组件中的数据传递方法
May 14 Javascript
Vuex入门到上手教程
Jun 20 Javascript
详解VUE前端按钮权限控制
Apr 26 Javascript
node.js 如何监视文件变化
Sep 01 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
php基础知识:类与对象(3) 构造函数和析构函数
2006/12/13 PHP
PHP实现的连贯操作、链式操作实例
2014/07/08 PHP
用php实现分页效果的示例代码
2020/12/10 PHP
根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
2007/02/22 Javascript
JAVASCRIPT style 中visibility和display之间的区别
2010/01/22 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
2013/06/28 Javascript
零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门
2014/12/20 Javascript
优化RequireJS项目的相关技巧总结
2015/07/01 Javascript
jQuery获取某天的农历日期并判断是否除夕或新年的方法
2016/03/01 Javascript
JavaScript数组操作函数汇总
2016/08/05 Javascript
AngularJS中$watch和$timeout的使用示例
2016/09/20 Javascript
JS重载实现方法分析
2016/12/16 Javascript
jQuery实现注册会员时密码强度提示信息功能示例
2017/09/05 jQuery
如何封装了一个vue移动端下拉加载下一页数据的组件
2019/01/06 Javascript
原生JS实现随机点名项目的实例代码
2019/04/30 Javascript
解决微信小程序云开发中获取数据库的内容为空的方法
2019/05/15 Javascript
layui按条件隐藏表格列的实例
2019/09/19 Javascript
JS如何实现网站中PC端和手机端自动识别并跳转对应的代码
2020/01/08 Javascript
python numpy函数中的linspace创建等差数列详解
2017/10/13 Python
基于腾讯云服务器部署微信小程序后台服务(Python+Django)
2019/05/08 Python
Python aiohttp百万并发极限测试实例分析
2019/10/26 Python
python:目标检测模型预测准确度计算方式(基于IoU)
2020/01/18 Python
CSS3制作半透明边框(Facebox)类似渐变
2012/12/09 HTML / CSS
html table呈现个人简历以及单元格宽度失效的问题解决
2021/01/22 HTML / CSS
法国综合购物网站:RueDuCommerce
2016/09/12 全球购物
兰蔻美国官网:Lancome美国
2017/04/25 全球购物
李宁官方网店:中国运动品牌
2017/11/02 全球购物
服装机修工岗位职责
2013/12/26 职场文书
简历中个人自我评价范文
2013/12/26 职场文书
大学生优秀团员事迹材料
2014/01/30 职场文书
国贸专业的职业规划书
2014/03/15 职场文书
幼儿园教师的考核评语
2014/04/18 职场文书
团干部培训方案
2014/06/03 职场文书
2014年党风建设工作总结
2014/11/19 职场文书
2021好看的国漫排行榜前十名 《完美世界》上榜,《元龙》排名第一
2022/03/18 国漫
MySQL派生表联表查询实战过程
2022/03/20 MySQL