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 读取元素的CSS信息的代码
Feb 07 Javascript
js截取函数(indexOf,join等)
Sep 01 Javascript
Javascript writable特性介绍
Feb 27 Javascript
javascript封装的sqlite操作类实例
Jul 17 Javascript
详解AngularJS中$http缓存以及处理多个$http请求的方法
Feb 06 Javascript
基于bootstrap插件实现autocomplete自动完成表单
May 07 Javascript
JS Canvas定时器模拟动态加载动画
Sep 17 Javascript
深入理解jquery中extend的实现
Dec 22 Javascript
JS/jQuery实现DIV延时几秒后消失或显示的方法
Feb 12 jQuery
Vue CLI 2.x搭建vue(目录最全分析)
Feb 27 Javascript
vue自定义switch开关组件,实现样式可自行更改
Nov 01 Javascript
vue axios封装httpjs,接口公用配置拦截操作
Aug 11 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添加文章时生成静态HTML文章的实现代码
2013/02/17 PHP
PHP与javascript实现变量交互的示例代码
2013/07/23 PHP
如何批量清理系统临时文件(语言:C#、 C/C++、 php 、python 、java )
2016/02/01 PHP
PHP实现的随机IP函数【国内IP段】
2016/07/20 PHP
PHP防止图片盗用(盗链)的方法小结
2016/11/11 PHP
详解配置 Apache 服务器支持 PHP 文件的解析
2017/02/15 PHP
javascript在一段文字中的光标处插入其他文字
2007/08/26 Javascript
JavaScript this调用规则说明
2010/03/08 Javascript
javascript jq 弹出层实例
2013/08/25 Javascript
jQuery实现列表自动循环滚动鼠标悬停时停止滚动
2013/09/06 Javascript
javascript实现数字验证码的简单实例
2014/02/10 Javascript
详谈javascript中的cookie
2015/06/03 Javascript
JavaScript数组去重的几种方法效率测试
2016/10/23 Javascript
如何实现星星评价(jquery.raty.js插件)
2016/12/21 Javascript
Vue 2.5 Level E 发布了: 新功能特性一览
2017/10/24 Javascript
vue-router相关基础知识及工作原理
2018/03/16 Javascript
Vue下滚动到页面底部无限加载数据的示例代码
2018/04/22 Javascript
JavaScript设计模式之装饰者模式定义与应用示例
2018/07/25 Javascript
vue中使用elementUI组件手动上传图片功能
2019/12/13 Javascript
[00:57]林俊杰助阵DOTA2亚洲邀请赛
2015/01/28 DOTA
python使用scrapy解析js示例
2014/01/23 Python
Python 查看文件的编码格式方法
2017/12/21 Python
Django 2.0版本的新特性抢先看!
2018/01/05 Python
python实现单向链表详解
2018/02/08 Python
python中使用zip函数出现错误的原因
2018/09/28 Python
python中单例常用的几种实现方法总结
2018/10/13 Python
Python数组并集交集补集代码实例
2020/02/18 Python
如何让PyQt5中QWebEngineView与JavaScript交互
2020/10/21 Python
Melijoe英国官网:法国儿童时尚网站
2016/11/18 全球购物
Reebonz中国官网:新加坡奢侈品购物网站
2017/03/17 全球购物
俄罗斯花园种植材料批发和零售网上商店:Беккер
2019/07/22 全球购物
预备党员思想汇报范文
2014/01/11 职场文书
仓库规划计划书
2014/04/28 职场文书
大学毕业生个人自荐书
2014/07/02 职场文书
MySQL笔记 —SQL运算符
2022/01/18 MySQL
Python 第三方库 openpyxl 的安装过程
2022/12/24 Python