validate简介及使用方法与默认的校验规则

一、validate简介

    validate是JQ的一个插件。其是对一些常用常见的表单校验方法进行了封装。方别使用与开发。同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。

 

二、使用方法

1、因为validate为JQ的插件,因此使用时,需要先导入JQ.js文件,然后再导入validate.js。

2、在页面加载成功后对表单进行校验。

3、校验方法 $("选择器").validate()。

4、编写规则:

                      $("选择器").validate({

                            

                             rules:{},  //规则

                             messages:{}   (messages为自定义提示信息,其可有可无,如果没有。则一切提示信息为默认)

 

                       });

 

三、默认校验规则

序号 规则 描述
1 required:true 必须输入的字段。
2 remote:"check.php" 使用 ajax 方法调用 check.php 验证输入值。
3 email:true 必须输入正确格式的电子邮件。
4 url:true 必须输入正确格式的网址。
5 date:true 必须输入正确格式的日期。日期校验 ie6 出错,慎用。
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

 

四、举例

     导入步骤省略

                               $(function(){

                                   $("#form1").validate({

                                            rules:{

                                                      //字段的name属性:"校验器"

                                                    username:"required(必须的)" //意为name属性为username的输入框必须填入信                                                                                                        //息。否则提示默认错误信息。

                                                    //字段的name属性:{校验器:"值",校验器:“值”}

                                                          required:true,

                                                          digits:true

                                                                      }

                                                     },

                                            messages:{

                                                           //字段的name属性:“提示信息”

                                                         username:"用户名不能为空"  //意为将默认的提示信息改为“用户名不能为空”

                                                           //字段的name属性:{校验器:"提示信息",校验器:“提示信息”}

                                                             }

                                                                   });                  

                                                    });

五、备注

                        在设置提示信息时,默认为英文。这时,除了使用messages:{}外,还可以导入messages_zh.js即国际化中文包。使得提示信息从英文变为中文。

备注:由于个人原因,本博客暂停更新。如有问题可联系本人,本人提供技术指导、学习方向、学习路线。本人微信wlp1156107728(添加注明来意)   QQ1156107728(添加注明来意)

展开阅读全文

没有更多推荐了,返回首页