内容发布更新时间 : 2024/12/24 7:20:51星期一 下面是文章的全部内容请认真阅读。
★
第一部分:HelloWorld
1. jQuery.validate插件的作用
jquery.validate是jquery旗下的一个验证框架,借助jquery的优势,我们可以迅速验证一些常见的输入,还可以自己扩充自己的验证方法,并且对国际化也有很好的支持。
2. HelloWorld
说明:需要JQuery版本:1.2.6+ 步骤:
1, 导入的jQuery.js与jquery.validate.js等文件,注意顺序不要颠倒
3, 指定每个字段的验证规则
名称 *
其中class=\表示本字段必须要填写。
效果如下图:
★
第二部分:基础知识
1. 指定验证规则的方式
1.1. 把验证规则写到字段元素的class属性中
例:
用户名: required\
电子邮件: required email\密码: id=\
class=\{required: true, minlength: 3}\
再次输入密码:
class=\{equalTo:'[#password1]'} required\ 以上用了两种方式:
1, 指定多个class名称(验证规则),多个class名称之间用空格隔开,如:class=\。 2, 使用JSON对象,指定多个属性,如:class=\。可以为某验证规则指定所用的参数,如minlength规则需要指定最小长度,这里为3。
3, 混合使用,如:class=\required\。 说明:
1, 如果使用第2种方式(JSON对象),就必须引入:jquery.metadata.js,作用是解析JSON对象。 2, 如果表单字段的name不能重复,则只有最前面的配置起作用。
1.2. 调用
validate(方法时指定验证规则
$(function( {
$(\{ rules: {
loginName:{ required: true, minlength: 2}, password: { required: true },
password2: { equalTo: \ } }; };