帝豪2娱乐:详解jquery validate实现表单验证 (正则

标签:关于我们    日期:2018-01-29 09:55    录入:帝豪2娱乐平台注册    浏览:

  

[validate正则表达式,jquery,validate,验证,validate表单验证]详解jquery validate实现表单验证 (正则表达式)

  

一、目的  
  

  

为了更好地实现人机交互,使用jQuery封装库中的validate插件,在用户填写表单时,可以快速地对用户填写的数据进行验证,并做出反馈。

  

  

二、validate插件简介   
  

  

validate()是插件的核心方法,定义了基本的校验规则和一些有用的配置项。

  

  
      
  • rule:设置表单的验证规则;
  •   
  • messages:设置表单不符合验证规则的提示信息;
  •   
  • debug:如果这个参数为true,那么表单还会提交,只进行检查,调试时十分方便。
  •   
  

required:必填  
  

  

minlength:最小长度  
  

  

maxlength:最大长度  
  

  

rangelength:长度范围,以数组呈现[2,10],表示表单输入长度为2到10位  
  

  

remote:可以通过发现GET或者POST请求进行远程验证,与Ajax的验证进行比较。就是通过ajax实现的  
  {  
  url:  
  type:默认为GET请求  
  data:发送的数据  
  }  
  

  

发送GET请求例子:  
  

  
  
  check:{  required:true,  remote:{  url:"__CONTROLLER__/check?check="+$("#icode").val  //__CONTROLLER__表示当前控制器  }  }
  
  

基本的校验规则  
  

  

  

                                                                            帝豪2娱乐                                                                                                              
序号规则描述
1required:true必须输入的字段。
2remote:"check.php"使用 ajax 方法调用 check.php 验证输入值。
3email:true必须输入正确格式的电子邮件。
4url:true必须输入正确格式的网址。
5date:true必须输入正确格式的日期。日期校验 ie6 出错,慎用。
6dateISO:true必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22。只验证格式,不验证有效性。
7number:true必须输入合法的数字(负数,小数)。
8digits:true必须输入整数。
9creditcard:必须输入合法的信用卡号。
10equalTo:"#field"输入值必须和 #field 相同。
11accept:输入拥有合法后缀名的字符串(上传文件的后缀)。
12maxlength:5输入长度最多是 5 的字符串(汉字算一个字符)。
13minlength:10输入长度最小是 10 的字符串(汉字算一个字符)。
14rangelength:[5,10]输入长度必须介于 5 和 10 之间的字符串(汉字算一个字符)。
15range:[5,10]输入值必须介于 5 和 10 之间。
16max:5输入值不能大于 5。
17min:10输入值不能小于 10。
   ★★★小编:帝豪2娱乐平台 整理文章,欢迎大家转载 ★★★