jquery 的表達(dá)驗(yàn)證框架--validate的使用

站在用戶的角度思考問題，與客戶深入溝通，找到慶安網(wǎng)站設(shè)計(jì)與慶安網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：成都網(wǎng)站建設(shè)、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、空間域名、雅安服務(wù)器托管、企業(yè)郵箱。業(yè)務(wù)覆蓋慶安地區(qū)。

步驟一、引僅validate驗(yàn)證的validate.js文件

同時(shí)引進(jìn)jquery文件，

步驟二、 調(diào)用加載函數(shù)開始驗(yàn)證

$(document).ready(function(){

    $("formname").validate({

            //驗(yàn)證的規(guī)則   每一個(gè)驗(yàn)證規(guī)則都對(duì)應(yīng)一個(gè)驗(yàn)證函數(shù)，用戶可以自定義驗(yàn)證函數(shù)

            ruels:{

                username:{

                    required:true,   //必須填寫

                    maxlength:12,   //字符的長(zhǎng)度不得大于12

                    minlength:5   //字符的長(zhǎng)度不得小于5

                }

           },

            //對(duì)應(yīng)的錯(cuò)誤的提示信息

            messages:{

                username:{

                    required:'用戶名不能為空',

                    maxlength:'用戶名的長(zhǎng)度不得超過12個(gè)字符',

                    minlength:'用戶名的長(zhǎng)度不得少于5個(gè)字符'

                }

            }

    });

})

案列參見：

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

自定義驗(yàn)證規(guī)則的詳解

如何使用自定的驗(yàn)規(guī)則:
  * 自定義方法(驗(yàn)證方法的名稱是af)
      /*
     *
     * 增加驗(yàn)證方法:
     *    $.validator.addMethod("af",function(value,element,params){},"必須是一個(gè)字母,且a-f");
     *     * 第一個(gè)參數(shù),就是添加的驗(yàn)證方法的名稱,這時(shí)是af
     *     * 第二個(gè)參數(shù),是一個(gè)函數(shù)function(value,element,params)
     *          * value:驗(yàn)證組件的值
     *          * element:驗(yàn)證組件的對(duì)象
     *          * params:傳遞的參數(shù)  默認(rèn)值測(cè)試
     *     * 第三個(gè)參數(shù),就是自定義的錯(cuò)誤提示,這里是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 表示彈出錯(cuò)誤信息
     }
    }
    return true;   //通過驗(yàn)證
   },"xxxxxx"); 
 
  * 在rules中指定這個(gè)某個(gè)域使用此校驗(yàn)規(guī)則
            cart:{
     required:true,
     af:"2"   //2表示默認(rèn)值  對(duì)應(yīng)的是驗(yàn)證方法的params參數(shù)
    }               
 
  *在messages中指定這個(gè)域使用此校驗(yàn)規(guī)則沒有通過的提示信息
            cart:{
     required:"×××號(hào)碼不能為空",
     af:"輸入有誤"
    }  

//validate常用的驗(yàn)證函數(shù)

required: true 必輸字段
remote: "check.php"  使用ajax方法調(diào)用check.php輸入驗(yàn)證值
email: true   必須輸入正確格式的電子郵箱
url: true  必須輸入正確格式的網(wǎng)址
date: true  必須輸入正確格式的日期
dateISO:true  必須輸入正確格式的日期(iso) 列(2001-5-4)  1998/5/3只驗(yàn)證格式，不驗(yàn)證有效性
number: true  必須輸入合法的數(shù)字（小數(shù)，負(fù)數(shù)）
digits:true 不許輸入整數(shù)
creditcard:必須輸入合法的信用卡號(hào)
equalTo:'#field'  輸入值必須和#field相同
accept: 輸入擁有合法后綴名的字符串（上傳文件的后綴）
maxlength:5  輸入長(zhǎng)度最多是5的字符串（漢字算一個(gè)字符）
minlength:5輸入長(zhǎng)度至少是5的字符串
rangelength:[5,10]  輸入的字符長(zhǎng)度必須是在5到10之間
range[5.10] 輸入的值必須在5到10之間
max:5輸入的值不能大于5