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之软键盘实现(js源码)
Jan 30 Javascript
javascript 动态加载 css 方法总结
Jul 11 Javascript
通过隐藏option实现select的联动效果
Nov 10 Javascript
jquery将一个表单序列化为一个对象的方法
Dec 02 Javascript
JS使用getComputedStyle()方法获取CSS属性值
Apr 23 Javascript
jquery实现侧边弹出的垂直导航
Dec 09 Javascript
在JavaScript中处理时间之setMinutes()方法的使用
Jun 11 Javascript
原生JS实现图片轮播切换效果
Dec 15 Javascript
JS正则匹配URL网址的方法(可匹配www,http开头的一切网址)
Jan 06 Javascript
JS正则表达式验证中文字符
May 08 Javascript
JavaScript简单实现的仿微博留言功能示例
Jan 17 Javascript
通过vue刷新左侧菜单栏操作
Aug 06 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
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
win10 apache配置虚拟主机后localhost无法使用的解决方法
2018/01/27 PHP
IE和Firefox下javascript的兼容写法小结
2008/12/10 Javascript
js过滤数组重复元素的方法
2010/09/05 Javascript
jQuery实现鼠标滑过遮罩并高亮显示效果
2013/07/16 Javascript
Jquery中&quot;$(document).ready(function(){ })&quot;函数的使用详解
2013/12/30 Javascript
基于javascript实现图片预加载
2016/01/05 Javascript
浅谈js里面的InttoStr和StrtoInt
2016/06/14 Javascript
javaScript如何跳出多重循环break、continue
2016/09/01 Javascript
JavaScript操作文件_动力节点Java学院整理
2017/06/30 Javascript
使用react-router4.0实现重定向和404功能的方法
2017/08/28 Javascript
vue实现长图垂直居上 vue实现短图垂直居中
2017/10/18 Javascript
NodeJS爬虫实例之糗事百科
2017/12/14 NodeJs
vue.js过滤器+ajax实现事件监听及后台php数据交互实例
2018/05/22 Javascript
微信小程序支付前端源码
2018/08/29 Javascript
Vue实现美团app的影院推荐选座功能【推荐】
2018/08/29 Javascript
vue-cli3全面配置详解
2018/11/14 Javascript
JS实现的类似微信聊天效果示例
2019/01/29 Javascript
如何自动化部署项目?折腾服务器之旅~
2019/04/16 Javascript
BootstrapValidator实现表单验证功能
2019/11/08 Javascript
Python使用matplotlib绘制动画的方法
2015/05/20 Python
Python统计日志中每个IP出现次数的方法
2015/07/06 Python
python matplotlib中文显示参数设置解析
2017/12/15 Python
python实现用户管理系统
2018/01/10 Python
Python自动化之数据驱动让你的脚本简洁10倍【推荐】
2019/06/04 Python
Python面向对象之Web静态服务器
2019/09/03 Python
Pytorch 保存模型生成图片方式
2020/01/10 Python
Python3开发环境搭建详细教程
2020/06/18 Python
HTML5本地存储之Web Storage详解
2016/07/04 HTML / CSS
Under Armour安德玛意大利官网:美国高端运动科技品牌
2020/01/16 全球购物
广告学毕业生求职信
2014/01/30 职场文书
安全标准化汇报材料
2014/02/03 职场文书
《黄山奇石》教学反思
2014/04/19 职场文书
法人授权委托书范本
2014/09/17 职场文书
2015年学校管理工作总结
2015/07/20 职场文书
python必学知识之文件操作(建议收藏)
2021/05/30 Python