表單校驗---validation檢驗

validate是jQuery插件,及必須在jQuery的基礎上進行運行。因此首先要導入jQuery庫,validate庫和國際化資源庫(可選)git

validate須要手動聲明,對那個表單進行校驗,手動方式能夠使用如下4種校驗方式。ajax

<script type="text/havascript">
    $().ready(function{
         $("#formId").validate();
     });
</script>
校驗類型 取值 描述
required true||false 必填字段
email email 郵件地址
url   路徑
date 數字 日期
dateISO 字符串 日期(YYYY-MM-dd)
number   數字(負數,小數)
digits   整數
minlength 數字 最小長度
maxlength 數字 最大長度
rangelength [minL,maxL] 長度範圍
min   最小值
max   最大值
range [min,max] 值範圍
equalTo jQuery表達式 兩個值相同
remote url路徑 ajax校驗

js代碼方式ui

語法:
$(...).validate({
   rules:{},
   messages:{}  
});

rules規則語法:
    rules:{
      字段名:校驗器,
      字段名:校驗器
    }
校驗器語法:
語法:{校驗器:值,校驗器:值,...}
messages提示語法:
messages:{
   字段名:{校驗器:"提示",校驗器:"提示",...} 
}

例:url

$("#formId").validate({
   rules:{
        username:{
           required:true
        },
        password:{
           required:true,
           rangelength:[2,5]    
        },
        repassword:{
            equalTo:"[name=password]"
        }
     },
     messages:{
        username:{
           required:"不能爲空"
        },
        password:{
           rangelength:"長度{0}-{1}之間"   
        },
        repassword:{
            equalTo:"密碼不一致"
        },

     } 
})    
相關文章
相關標籤/搜索