Validate是一个很好的jq插件，它提供了强大的验证功能，使得客户端表单验证更加容易。同时提供大量定制选项，满足应用的各种需求。该插件捆绑了一组有用的验证方法，包括URL和电子邮件验证，并提供了一个用于编写用户定义方法的API。
使用JavaScript最常见的场合是表单验证，而jQuery作为一个优秀的JavaScript库，也提供了一个优秀的表单验证插件。验证是最古老的jQuery插件之一。它已经得到了世界各地不同项目的验证，并得到了许多Web开发人员的好评。作为验证方法的标准库，验证具有以下特征：
1.内置验证规则：有19种类型的内置验证规则，如必需的，数字，电子邮件，网址和信用卡号码。
2.用户定义的认证规则：您可以轻松定义认证规则。
3.简单而强大的验证信息提示：提供默认的验证信息提示，并提供自定义覆盖默认提示信息的功能。
4.实时验证：验证可能由keyup或blur事件触发，而不仅仅是在提交表单时。
validate.js下载地址：http://plugins.jquery.com/project/validate
元数据. js下载地址：http://plugins.jquery.com/project/metadata
用法：
1.介绍jQuery库和验证插件。
复制代码如下：
script src=' scripts/jquery-1 . 6 . 4 . js ' type=' text/JavaScript '/script
script src=' scripts/jquery . validate . js ' type=' text/JavaScript '/script
2.确定需要验证哪个表单
复制代码如下：
脚本类型='文本/javascript '
////![CDATA[
$(文档)。ready(function(){
$('#commentForm ')。validate()；
});
//]]
/脚本
3.根据不同的字段，编码验证规则，设置字段对应的属性。
复制代码如下：
必须填写“必填”。
必须填写“必填电子邮件”,并且内容符合电子邮件格式验证。
Class='url '符合url格式验证
长度=' 2 '最小长度为2
有19条可验证的规则：
[javascript]查看plaincopyprint？
必填：必填字段
远程：“请修复此字段”，
电子邮件：电子邮件验证
Url: URL验证
日期：日期验证
iso:日期(ISO)验证
日期：
数量：数字验证
号码：
数字：只能输入整数。
信用卡：验证信用卡号码
等于：“请再次输入相同的值”验证
接受：带合法后缀的字符串验证
Maxlength/minlength:最大/最小长度验证
长度：范围长度范围验证
范围：数字范围验证
最大/最小：最大/最小值验证
需要引入的js
复制代码如下：
脚本类型='text/javascript' src='././scripts/jquery-1 . 3 . 1 . js '/script
脚本类型=' text/JavaScript ' src=' lib/jquery . validate . js '/script
初始化的HTML
复制代码如下：
脚本类型='文本/javascript '
$(function(){
$('#commentForm ')。验证()
})
/脚本
' form class=' cmx form ' id=' comment form ' method=' get ' action=' '
字段集
图例：用验证提示/图例验证注释的简单示例
p
='cusername '名称的标签/标签
em */em input id=' cusername ' name=' username ' size=' 25 ' class=' required ' minlength=' 2 '/
/p
p
='cemail '电子邮件标签/标签
em */em input id=' cemail ' name=' email ' size=' 25 ' class='所需电子邮件'/
/p
p
Label=' curl' URL /label
em/em input id=' curl ' name=' URL ' size=' 25 ' class=' URL '/
/p
p
您的评论/标签的标签
em */emtextarea id=' c comment ' name=' comment ' cols=' 22 ' class=' required '/textarea
/p
p
class=' submit ' type=' submit ' value=' submit '/
/p
先看默认设置的规格。
序列号
规则
形容
一个
必填：真
必填字段。
2
远程：' check.php '
使用ajax方法调用check.php来验证输入值。
三
电子邮件：真的
您必须输入格式正确的电子邮件。
四
网址：真
您必须以正确的格式输入URL。
五
日期：真
您必须以正确的格式输入日期。日期验证ie6出错，请谨慎使用。
六
dateISO:对
您必须以正确的格式输入日期(ISO)，例如：2009年6月23日，1998年1月22日。只验证格式，不验证有效性。
七
数字：真
您必须输入一个合法数字(负数、小数)。
八
数字：真
您必须输入一个整数。
九
信用卡：
您必须输入有效的信用卡号码。
10
等于：' #field '
输入值必须与#field相同。
11
接受：
输入带有合法后缀(上传文件的后缀)的字符串。
12
最大长度：5
输入最大长度为5的字符串(中文字符计为一个字符)。
13
最小长度：10
输入最小长度为10的字符串(中文字符算作一个字符)。
14
范围长度：[5，10]
输入长度在5到10之间的字符串(汉字算作一个字符)。
15
范围：[5，10]
输入值必须介于5和10之间。
16
最多5个
输入值不能大于5。
17
最短：10分钟
输入值不能小于10。
需要意味着需要。
电子邮件是指正确的邮箱。
将验证的规范写在HTML的类中不妥，后期维护增加了成本，没有实现行为和结构的分离。
所以，你可以清除HTML中的所有类，如下所示：
复制代码如下：
' form class=' cmx form ' id=' comment form ' method=' get ' action=' '
字段集
图例：用验证提示/图例验证注释的简单示例
p
='cusername '名称的标签/标签
em */em input id=' cusername ' name=' username ' size=' 25 '/
/p
p
='cemail '电子邮件标签/标签
em */em input id=' cemail ' name=' email ' size=' 25 '/
/p
p
Label=' curl' URL /label
em/em输入id='curl' name='url' size='25' /
/p
p
您的评论/标签的标签
em */emtextarea id=' c comment ' name=' comment ' cols=' 22 '/textarea
/p
p
class=' submit ' type=' submit ' value=' submit '/
/p
射流研究…
复制代码如下：
$(文档)。ready(function(){
$('#commentForm ')。验证({
规则：{
用户名：{
必填：真，
最小长度：2
},
电子邮件：{
必填：真，
电子邮件：真的
},
URL:“URL”，
注释：“必需”，
valcode: {
公式：“7 9”
}
}
});
});
/脚本
因为默认提示是英文的，所以可以重写为
复制代码如下：
jquery . extend(jquery . validator . messages，{
必填：“必填字段”，
远程：“请修复此字段”，
电子邮件：“请以正确的格式输入电子邮件”，
Url:“请输入合法的URL”，
日期：“请输入一个合法日期”，
日期：“请输入合法日期(ISO)。”,
号码：“请输入一个合法号码”，
数字：'只能输入整数'，
信用卡：'请输入合法的信用卡号码'，
等于：'请再次输入相同的值'，
接受：“请输入带有合法后缀的字符串”，
Maxlength: jQuery.format('请输入最大长度为{0} '的字符串)，
Minlength: jQuery.format('请输入长度至少为{0} '的字符串)，
Range: jquery.format('请输入介于{0}和{1}之间的字符串')，
范围：jQuery.format('请输入一个介于{0}和{1}之间的值')，
Max: jQuery.format('请输入最大值{0} ')，
Min: jQuery.format('请输入最小值{0} ')
});
建议新建一个js，放在validate.js下.
论小费的美化
复制代码如下：
错误元素：“em”
创建可自定义的标签。
复制代码如下：
成功：功能(标签){
label.text(“”)。addClass('成功')
}
这里的参数标签指的是创建的标签，这里是“em”。然后，在自己的内容中加入自己的类即可。
完整的js
复制代码如下：
$('#commentForm ')。验证({
规则：{
用户名：{
必填：真，
最小长度：2
},
电子邮件：{
必填：真，
电子邮件：真的
},
URL:“URL”，
注释：“必需”，
},
error element:“em”，
成功：功能（标签){
label.text(" ").addClass('成功)
}
});
相对应的钢性铸铁
复制代码代码如下：
艾米。错误{
背景：url('images/unchecked.gif ')无重复0px 0px
左填充：16px
}
成功{
背景：url('images/checked.gif ')不重复0px 0px
左填充：16px
}。成功放到。错误下面。唔唔。具体的情况。只可体会不可言会。唔。
在做项目的过程中千变万化，有时候要满足不同的需求，验证也可以单独的修改验证的信息。
例如：
复制代码代码如下：
消息：{
用户名：{
'必填：'主人，我要填的满满的，
' minlength:'哎唷，长度不够耶'
}
}
完整的js
复制代码代码如下：
$('#commentForm ').验证({
规则：{
用户名：{
必填：真，
最小长度：2
},
电子邮件：{
必填：真，
电子邮件：真的
},
网址：“网址”，
注释："必需",
valcode: {
公式："7 9"
}
},
消息：{
用户名：{
'必填：'主人，我要填的满满的，
' minlength:'哎唷，长度不够耶'
}
},
错误元素：“em”，
成功：功能（标签){
label.text(" ").addClass('成功)
}
});
这里就可以啦。
关于自定义验证规则
增加一段超文本标记语言代码
复制代码代码如下：
p
='cvalcode '的标签验证码/标签
输入id='valcode' name='valcode' /=7 9
/p
自定一个规则
复制代码代码如下：
$.validator.addMethod('formula '，function(value，element，param){
返回值==eval(param)
},'请正确输入验证信息');
公式是需要验证方法的名字好比如需要必须的。
价值返回的当前投入的价值值
参数返回的是当前自定义的验证格式好比如：7 9
在试用了评价评价方法让字符串相加
完整的js
复制代码代码如下：
$.validator.addMethod('formula '，function(value，element，param){
返回值==eval(param)
},'请正确输入验证信息');
$('#commentForm ').验证({
规则：{
用户名：{
必填：真，
最小长度：2
},
电子邮件：{
必填：真，
电子邮件：真的
},
网址：“网址”，
注释："必需",
valcode: {
公式："7 9"
}
},
消息：{
用户名：{
'必填：'主人，我要填的满满的，
' minlength:'哎唷，长度不够耶'
}
},
错误元素：“em”，
成功：功能（标签){
label.text(" ").addClass('成功)
}
});
额。没了学的不深，这是基础的一部分。还会继续深入学习去。掰掰( ^_^ )/~~拜拜
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。