Jquery Validate验证的介绍以及jQuery表单验证的代码实例

本篇文章给大家带来的内容是关于Jquery Validate验证的介绍以及jQuery表单验证的代码实例，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

jQuery的框架的验证：validate框架

Jquery Validate验证规则

(1)required:true 必输字段
(2)remote:”check.PHP” 使用ajax方法调用check.php验证输入值
(3)email:true 必须输入正确格式的电子邮件
(4)url:true 必须输入正确格式的网址
(5)date:true 必须输入正确格式的日期
(6)dateISO:true 必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性
(7)number:true 必须输入合法的数字(负数，小数)
(8)digits:true 必须输入整数
(9)creditcard: 必须输入合法的信用卡号
(10)equalTo:”#field” 输入值必须和#field相同
(11)accept: 输入拥有合法后缀名的字符串（上传文件的后缀）
(12)maxlength:5 输入长度最多是5的字符串(汉字算一个字符)
(13)minlength:10 输入长度最小是10的字符串(汉字算一个字符)
(14)rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串”)(汉字算一个字符)
(15)range:[5,10] 输入值必须介于 5 和 10 之间
(16)max:5 输入值不能大于5
(17)min:10 输入值不能小于10

Jquery Validate 自定义验证规则

addMethod(name,method,message)方法：
参数name 是添加的方法的名字
参数method是一个函数,接收三个参数(value,element,param) value 是元素的值,element是元素本身 param
是参数,我们可以用addMethod 来添加除built-in Validation methods 之外的验证方法比如有一个字段,只
能输一个字母,范围是a-f,写法如下:

$.validator.addMethod(“af”,function(value,element,params){ if(value.length>1){ return false; } if(value>=params[0] && value<=params[1]){ return true; }else{ return false; } },”必须是一个字母,且a-f”); 用的时候,比如有个表单字段的id=”username”,则在rules 中写 username:{ af:["a","f"] }

方法
addMethod 的第一个参数,就是添加的验证方法的名子,这时是af
addMethod 的第三个参数,就是自定义的错误提示,这里的提示为:”必须是一个字母,且a-f”
addMethod 的第二个参数,是一个函数,这个比较重要,决定了用这个验证方法时的写法
如果只有一个参数,直接写,如果af:”a”,那么a 就是这个唯一的参数,如果多个参数,用在[]里,用逗号分开

            
  
 请输入姓名:
 请输入密码: 
 确认密码: 
 性别: 男 女 
 邮箱: 
  
  

第二种就是js的blur事件写的表单验证：

       
     
 
 
 
  
 
 
 
登录名
 
  
 
  
 
 
 
姓氏
 
  
 
  
 
 
 
密码
 
  
 
  
 
 
 
再次输入密码
 
  
 
  
 
 
 
性别
 
 男 女 
 
  
 
 
 
生日
 
   一月 二月 三月   
 
  
 
 
 
  
 
 
 
  
 
 
 
  

            
  
 请输入姓名:
 请输入密码: 
 确认密码: 
 性别: 男 女 
 邮箱: 
  
  

相关推荐：

jquery validata 表单验证DEMO

jquery的表单验证提交

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!