jquery 的表达验证框架--validate的使用

站在用户的角度思考问题，与客户深入沟通，找到庆安网站设计与庆安网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站建设、做网站、企业官网、英文网站、手机端网站、网站推广、空间域名、雅安服务器托管、企业邮箱。业务覆盖庆安地区。

 

 

步骤一、引仅validate验证的validate.js文件

同时引进jquery文件，

步骤二、 调用加载函数开始验证

$(document).ready(function(){

    $("formname").validate({

            //验证的规则   每一个验证规则都对应一个验证函数，用户可以自定义验证函数

            ruels:{

                username:{

                    required:true,   //必须填写

                    maxlength:12,   //字符的长度不得大于12

                    minlength:5   //字符的长度不得小于5

                }

           },

            //对应的错误的提示信息

            messages:{

                username:{

                    required:'用户名不能为空',

                    maxlength:'用户名的长度不得超过12个字符',

                    minlength:'用户名的长度不得少于5个字符'

                }

            }

    });

})

 

 

案列参见：

   
       
           
       
       
           
       
       
           
       
       
           
       
       
           
       
       
           
       
       
           
       
       
           

           
       

       
           
       
       

   

真实姓名
账户名
密码
重复密码
性别	男                 女
爱好	篮球             足球             乒乓球             象棋
电话
邮箱
×××号

   

 

 

//***************************************************************************/

自定义验证规则的详解

 

如何使用自定的验规则:
  * 自定义方法(验证方法的名称是af)
      /*
     *
     * 增加验证方法:
     *    $.validator.addMethod("af",function(value,element,params){},"必须是一个字母,且a-f");
     *     * 第一个参数,就是添加的验证方法的名称,这时是af
     *     * 第二个参数,是一个函数function(value,element,params)
     *          * value:验证组件的值
     *          * element:验证组件的对象
     *          * params:传递的参数  默认值测试
     *     * 第三个参数,就是自定义的错误提示,这里是xxxxxxx
     */
    $.validator.addMethod("af",function(value,element,params){
  //   alert("value  "+value);
  //     alert("element "+element);
  //  alert("params "+params);
          if(value!=null){
        var len=value.length;
     if(len!=15||len!=18){
      return false;   //false 表示弹出错误信息
     }
    }
    return true;   //通过验证
   },"xxxxxx"); 
 
  * 在rules中指定这个某个域使用此校验规则
            cart:{
     required:true,
     af:"2"   //2表示默认值  对应的是验证方法的params参数
    }               
 
  *在messages中指定这个域使用此校验规则没有通过的提示信息
            cart:{
     required:"×××号码不能为空",
     af:"输入有误"
    }  

 

 

//validate常用的验证函数

 

required: true 必输字段
remote: "check.php"  使用ajax方法调用check.php输入验证值
email: true   必须输入正确格式的电子邮箱
url: true  必须输入正确格式的网址
date: true  必须输入正确格式的日期
dateISO:true  必须输入正确格式的日期(iso) 列(2001-5-4)  1998/5/3只验证格式，不验证有效性
number: true  必须输入合法的数字（小数，负数）
digits:true 不许输入整数
creditcard:必须输入合法的信用卡号
equalTo:'#field'  输入值必须和#field相同
accept: 输入拥有合法后缀名的字符串（上传文件的后缀）
maxlength:5  输入长度最多是5的字符串（汉字算一个字符）
minlength:5输入长度至少是5的字符串
rangelength:[5,10]  输入的字符长度必须是在5到10之间
range[5.10] 输入的值必须在5到10之间
max:5输入的值不能大于5

本文名称：jquery的表单验证框架--validate的使用
本文网址：http://njwzjz.com/article/jjidgg.html