JQuery扩展插件Validate 3通过参数设置错误信息
更新时间：2011年09月05日 21:47:06 作者：
最终显示在页面上的错误分为两种：第一种是默认错误信息，该信息已经被定义在插件中了，可以手动修改。
最终显示在页面上的错误分为两种：第一种是默认错误信息，该信息已经被定义在插件中了，可以手动修改。
第二种是通过参数指定的错误信息，如果没有指定则会使用默认的错误信息。将上个示例的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的错误信息，运行结果如下：
源码下载
第二种是通过参数指定的错误信息，如果没有指定则会使用默认的错误信息。将上个示例的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插件formValidator自定义函数扩展功能实例详解
- jQuery插件kinMaxShow扩展效果用法实例
- jquery事件机制扩展插件 jquery鼠标右键事件
- 扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
- JQuery扩展插件Validate—6 radio、checkbox、select的验证
- JQuery扩展插件Validate—4设置错误提示的样式
- JQuery扩展插件Validate 2通过参数设置验证规则
- JQuery扩展插件Validate 1 基本使用方法并打包下载
- JQuery扩展插件Validate 5添加自定义验证方法
- jQuery autocomplate 自扩展插件、自动完成示例代码
- boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
- jQuery插件扩展测试实例
相关文章
这篇文章主要介绍了jQuery实现动态生成年月日级联下拉列表,结合具体实例形式分析了jQuery日期时间运算构造级联下拉列表相关操作技巧,需要的朋友可以参考下2019-05-05
这篇文章主要介绍了jQuery中prevAll()方法用法,实例分析了prevAll()方法的功能、定义及查找匹配元素集合之前所有同辈元素的使用技巧,需要的朋友可以参考下2015-01-01
jquery.messager.js插件导致页面抖动的解决方法
这盘文章介绍了jquery.messager.js插件导致页面抖动的解决方法，有需要的朋友可以参考一下2013-07-07
这篇文章主要介绍了jQuery 编程之jQuery 属性选择器，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-08-08
这篇文章主要介绍了3种Jquery限制文本框只能输入数字字母的方法,简单又实用，需要的朋友可以参考下2014-12-12
这篇文章主要为大家详细介绍了用jQuery实现抽奖程序，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-04-04
本文主要介绍了对称加密与非对称加密的优缺点，具有一定的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要介绍了jquery增加和删除元素的方法,涉及append、remove等方法的使用技巧,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了jQuery实现简单的图片查看器的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-12-12
这篇文章主要介绍了jquery更改元素属性attr()方法,结合实例形式简单分析了jquery更改元素属性attr()方法基本功能、语法及相关使用技巧,需要的朋友可以参考下2020-05-05
最新评论