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下关于onmouseout、事件冒泡的问题经验小结
Dec 09 Javascript
商城常用滚动的焦点图效果代码简单实用
Mar 28 Javascript
JavaScript分页功能的实现方法
Apr 25 Javascript
js预加载图片方法汇总
Jun 15 Javascript
AngularJS 最常用的功能汇总
Feb 17 Javascript
利用vue写todolist单页应用
Dec 15 Javascript
node.js调用Chrome浏览器打开链接地址的方法
May 17 Javascript
Bootstrap按钮组实例详解
Jul 03 Javascript
JavaScript比较同一天的时间大小实例代码
Feb 09 Javascript
JavaScript实现答题评分功能页面
Jun 24 Javascript
微信小程序实现自定义动画弹框/提示框的方法实例
Nov 06 Javascript
详解如何使用Node.js实现热重载页面
May 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
php 无限级数据JSON格式及JS解析
2010/07/17 PHP
Yii PHP Framework实用入门教程(详细介绍)
2013/06/18 PHP
Yii中Model(模型)的创建及使用方法
2015/12/28 PHP
YII Framework框架教程之缓存用法详解
2016/03/14 PHP
Laravel 实现关系模型取出需要的字段
2019/10/10 PHP
laravel Model 执行事务的实现
2019/10/10 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
一个原生的用户等级的进度条
2010/07/03 Javascript
iframe 父窗口和子窗口相互的调用方法集锦
2010/12/15 Javascript
javascript:void(0)点击登录没反应怎么解决
2015/11/13 Javascript
JavaScript下的时间格式处理函数Date.prototype.format
2016/01/27 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(放大缩小)
2016/12/02 Javascript
Angular 4.X开发实践中的踩坑小结
2017/07/04 Javascript
Vue学习笔记之表单输入控件绑定
2017/09/05 Javascript
Angular项目从新建、打包到nginx部署全过程记录
2017/12/09 Javascript
JS中使用textPath实现线条上的文字
2017/12/25 Javascript
Vue 动态添加路由及生成菜单的方法示例
2019/06/20 Javascript
python中list列表的高级函数
2016/05/17 Python
Python中%是什么意思?python中百分号如何使用?
2018/03/20 Python
利用Python批量提取Win10锁屏壁纸实战教程
2018/03/27 Python
django 自定义filter 判断if var in list的例子
2019/08/20 Python
TensorFlow MNIST手写数据集的实现方法
2020/02/05 Python
Jupyter Notebook输出矢量图实例
2020/04/14 Python
Python中的xlrd模块使用原理解析
2020/05/21 Python
Python3内置函数chr和ord实现进制转换
2020/06/05 Python
python 解决pycharm运行py文件只有unittest选项的问题
2020/09/01 Python
东芝官网商城:还原日式美学,打造美好生活
2018/12/27 全球购物
大学生求职中的自我评价
2013/10/01 职场文书
优秀团员个人的自我评价
2013/10/02 职场文书
毕业生简单求职信
2013/11/19 职场文书
小学亲子活动总结
2014/07/01 职场文书
群众路线教师自我剖析材料
2014/09/29 职场文书
关于运动会广播稿300字
2014/10/05 职场文书
五年级下册复习计划
2015/01/19 职场文书
西岭雪山导游词
2015/02/06 职场文书
Grafana可视化监控系统结合SpringBoot使用
2022/04/19 Redis