首页 > 代码库 > 表单验证插件----jquery validation

表单验证插件----jquery validation

1、下载地址:http://jqueryvalidation.org/

2、使用方法:

<script type="text/javascript" src="http://www.xftz.cn/templets/yuanyou/js/jquery-1.12.1.min.js"></script>
<script type="text/javascript" src="http://www.mamicode.com/js/jquery.validate.min.js"></script>
jquery表单对象.validate()

3、validade()方法

作用:验证选中的表单,传入一个配置对象用于对验证进行各种配置。

3.1.1、rules

作用:为各种表单元素添加各种验证规则

类型:object

使用方法:rules:{

    name属性值:{

    验证规则1,

    验证规则2,

    ...

    }...

}

3.1.2、内置的验证规则:

1)、required:必须输入的字段

使用:required:true,如果这个标签只有这一条验证规则,可以简写:name属性值:"required"

2)、minlength:最小字符长度

3)、maxlength:最大字符长度

4)、rangelength:字符长度必须介于某个区间

使用:rangelength:[2,3]

5)、min:输入值被允许的最小值(数字)

6)、max:输入值被允许的最大值(数字)

7)、range:[5,10],输入值必须介于某个区间

8)、number:true,必须是合法的数字

9)、digits:true,必须是整数

10)、email:true,必须是正确的邮箱

11)、url:true,必须是正确的网址

12)、equalTo:jq选择器,输入值必须和给定选择器的值相同

13)、remote:{

      url:"check_email.php",

      type:"post",

      data:{

        username:"xulinjun"

      }

}

使用ajax方法,调用服务器端脚本,验证输入值

14)、extension:限定特定格式的后缀名,多个用"|"隔开,(需要引入additional-methods.min文件)

表单验证插件----jquery validation