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

本文介绍了JQ的validate插件,它提供了表单验证功能,包括预设的验证规则和自定义方法API。通过示例展示了如何导入与应用validate,编写验证规则,并修改提示信息。此外,还提到了国际化支持和作者提供的技术支持。

一、validate简介

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

 

二、使用方法

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

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

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

4、编写规则:

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

                            

                             rules:{},  //规则

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

 

                       });

 

三、默认校验规则

序号规则描述
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

 

四、举例

     导入步骤省略

                               $(function(){

                                   $("#form1").validate({

                                            rules:{

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

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

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

                                                          required:true,

                                                          digits:true

                                                                      }

                                                     },

                                            messages:{

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

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

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

                                                             }

                                                                   });                  

                                                    });

五、备注

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

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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值