时间:2021-07-01 10:21:17 帮助过:3人阅读
使用方法:
1.引入jQuery库和Validation插件
2.确定哪个表单需要被验证
3.针对不同的字段,进行验证规则编码,设置字段相应的属性
class="required" 必须填写 class="required email" 必须填写且内容符合Email格式验证 class="url" 符合URL格式验证 minlength="2" 最小长度为2
可验证的规则有19种:
required: 必选字段
remote: "请修正该字段",
email: 电子邮件验证
url: 网址验证
date: 日期验证
dateISO: 日期 (ISO)验证
dateDE:
number: 数字验证
numberDE:
digits: 只能输入整数
creditcard: 信用卡号验证
equalTo: “请再次输入相同的值”验证
accept: 拥有合法后缀名的字符串验证
maxlength/minlength: 最大/最小长度验证
rangelength: 字符串长度范围验证
range: 数字范围验证
max/min: 最大值/最小值验证
另个一种验证方法(将所有的与验证相关的信息写到class属性中方便管理)
1).引入一个新的jQuery插件---jquery.metadata.js(支持固定格式解析的jQuery插件)
3).将验证规则全部编写到class属性中
class="{validate:{required: true, minlength: 2, messages:{required:'请输入姓名', minlength:'请至少输入两个字符'}}}" class="{validate:{required: true, email: true, messages:{required:'请输入电子邮件', email:'请检查电子邮件的格式'}}}"
也可以通过name属性来关联字段和验证规则的验证写法(验证行为和HTML结构完全脱钩)
国际化
Validation插件的验证信息默认语言是英文,如果要改成中文,只需要引入Validation提供的中文验证信息即可,引入代码如下:
自定义验证规则
以上就是关于表单验证插件jquery.validate.js的详细介绍,希望对大家的学习有所帮助。