JQuery扩展插件Validate 3通过参数设置错误信息
JQuery扩展插件Validate 3通过参数设置错误信息
发布时间:2016-12-30 来源:查字典编辑
摘要:最终显示在页面上的错误分为两种:第一种是默认错误信息,该信息已经被定义在插件中了,可以手动修改。第二种是通过参数指定的错误信息,如果没有指定...

最终显示在页面上的错误分为两种:第一种是默认错误信息,该信息已经被定义在插件中了,可以手动修改。

第二种是通过参数指定的错误信息,如果没有指定则会使用默认的错误信息。将上个示例的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通过参数设置错误信息1

源码下载

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类