jQuery Validate插件入门与基础使用.pdfVIP

★第一部分:你好世界

1.jQuery.validate插件的作用

jquery.validate是jQuery旗下的一个验证框架，借助jQuery的优势，我们可以迅

速验证一些常见的输入，还可以自己扩展验证方法，并且对也有很好的支持。

2.HelloWorld

说明:需要JQuery版本:1.2.6+步

骤:

1，导入的jQuery.js与jquery.validate.js等文件，注意顺序不要颠倒

scripttype=text/javascriptsrc=jquery.js

scripttype=text/javascriptsrc=jquery.metadata.js

scripttype=text/javascriptsrc=jquery.validate.js

2,指定哪个（或哪些）表单在提交前需要先进行验证

scripttypetext/javascript$

(function(){$(#testForm).validate();});

/script

3,指定每个字段的验证规则

名称*输入类型text名称loginName类=required其中类=

required表示本字段必须填写。

效果如下图:

★第二部分:基础知识

★第一部分：HelloWorld

1.jQuery.validate插件的作用

jquery.validate是jquery旗下的一个验证框架，借助jquery的优势，我们可

以迅速验证一些常见的输入，还可以自己扩充自己的验证方法，并且对也有很好的支

持。

2.HelloWorld

说明：需要JQuery版本：1.2.6+

步骤：

1，导入的jQuery.js与jquery.validate.js等文件，注意顺序不要颠倒

scripttype=text/javascriptsrc=jquery.js

scripttype=text/javascriptsrc=jquery.metadata.js

scripttype=text/javascriptsrc=jquery.validate.js

2，指定哪个（或哪些）表单要在提交前先进行验证

scripttype=text/javascript

$(function(){

$(#testForm).validate();

});

/script

3，指定每个字段的验证规则

名称*inputtype=textname=loginNameclass=required

其中class=required表示本字段必须要填写。

效果如下图：

★第二部分：基础知识

1.指定验证规则的方式

1.1.把验证规则写到字段元素的class属性中

例：

用户名:inputtypepasswordnamepasswordclassrequired电子邮件:

inputtypetextnameemailclassrequiredemail:inputtype

passwordnamepasswordidpassword1class{required:true,

minlength:3}再次输入:inputtypepasswordnamepassword2

class{equalTo:[#password1]}required

以上用了两种方式:

1,指定多个class名称（验证规则），多个class名称之间用空格隔开，如：

classrequiredemail。

2,使用JSON对象，指定多个属性，如：class={required:true,minlength:3}。

可以为某验证规则指定所用的参数，如minlength规则需要指定最小长度，这里为3。

3混合使