内容发布更新时间 : 2024/5/18 16:17:42星期一 下面是文章的全部内容请认真阅读。

★

第一部分：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: \ } }; };