Jquery前端验证学习

来源：一篇关于前段验证脚本的教程，其基础为jQuery的插件validate。

1.可以验证哪些信息？

jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。

使用方式

1、将校验规则写到控件中

2、将校验规则写到 js 代码中

3.使用异步验证

使用 ajax 方式进行验证，默认会提交当前验证的值到远程地址，如果需要提交其他的值，可以使用 data 选项。

2.快速学习

实现输入内容不能为空

<input type="text" name="in" nValidate="{required:true}" />

 其中最重要的是   nValidate="{required:true}"  并且以后需要添加任何验证功能都要在 nValidate 中进行修改.

实现输入内容必须为电子邮箱

<input type="text" name="ceemail" nValidate="{email:true}" />

 看到其中的 email:true  相信很多人都应该可以猜出后面如何使用不同的验证了。

实现输入内容必须为电子邮箱，且不能为空

<input type="text" name="ceemail" nValidate="{required:true,email:true}" />

 这里我们使用了组合的方式将电子邮箱的验证功能和输入内容不能为空的验证功能同时启用，那么就可以实现必须输入内容并且输入的内容必须符合电子邮箱的格式。

实现输入内容必须为URL

nValidate="{url:true}"

 为了更快速的学习，下面将会列出参数名称以及冒号后面所需要填写的参数和类型

实现输入内容必须为日期

date:true

实现输入内容必须为数字

number:true

实现输入内容必须为整数

digits:true

实现输入内容必须和指定输入框内容相同

equalTo:'#id'

参数说明:

id : 指定内容相同的输入框id

实现输入内容必须大于指定字符长度

minlength:size

参数说明:

size : 指定字符串的长度

实现输入内容必须小于指定字符长度

maxlength:size

参数说明:

size : 指定字符串的长度

实现输入内容必须在指定字符长度范围内

rangelength:[minsize,maxsize]

参数说明:

minsize : 最短字符长度

maxsize : 最长字符长度

实现输入数值必须大于指定数值

min : num

参数说明:

num : 最小数值（输入的数值可以等于这个数值）

实现输入数值必须小于指定数值

max : num

参数说明:

num : 最大数值（输入的数值可以等于这个数值）

实现输入数值必须在指定数值范围内

range : [minnum,maxnum]

参数说明:

minnum : 最小数值

maxnum : 最大数值
http://www.cnblogs.com/yaozhenfa/archive/2013/01/31/2878938.html