jquery validation表單驗證外掛程式。

標籤：rem   自己   message   上傳   檔案   str   padding   相同   欄位   

這個是剛學的，覺得對以後挺有用的，就想把自己所學的分享一下。

校正規則：

 

(1)required:true 必輸欄位(2)number:true 必須輸入合法的數字(負數，小數)(3)digits:true 必須輸入整數(4)url:true 必須輸入正確格式的網址(5)email:true 必須輸入正確格式的電子郵件(6)creditcard:true 必須輸入合法的信用卡號(7)equalTo:"#password" 輸入值必須和#password相同(8)maxlength:5 輸入長度最多是5的字串(漢字算一個字元)(9)minlength:10 輸入長度最小是10的字串(漢字算一個字元)(10)rangelength:[5,10] 輸入長度必須介於 5 和 10 之間的字串")(漢字算一個字元)(11)max:5 輸入值不能大於5(12)min:10 輸入值不能小於10(13)range:[5,10] 輸入值必須介於 5 和 10 之間(14)accept: 輸入擁有合法尾碼名的字串（上傳檔案的尾碼）(15)date:true 必須輸入正確格式的日期，日期校正ie6出錯，慎用(16)dateISO:true 必須輸入正確格式的日期(ISO)，例如：2009-06-23，1998/01/22 只驗證格式，不驗證有效性(17)remote:"remote-valid.jsp" 使用ajax方法調用remote-valid.jsp驗證輸入值

1.引入jquery外掛程式，然後引入validation外掛程式

2.寫一個form表單

 

 3.寫jquery

        <script type="text/javascript">            $(function(){                $(‘#demoForm‘).validate({                    rules:{                        //必須填寫                        username:{                            //必填                            required:true,                            //最小長度為6位                            minlenght:6,                            //最大長度為9位                            maxlength:9                        },                        password:{                            //必填                            required:true,                            //最小長度為6位                            minlenght:6,                            //最大長度為9位                            maxlength:16                        },                        age:{                            //最小為18歲                            min:18,                            //最大為30歲                            max:30,                            //必須填整數                            digits:true,                        }                    },                    messages:{                        //改變提示的內容                        //錯誤提示                        username:{                            required:‘此項必填‘,                            minlenght:‘最少6位‘,                            maxlength:‘最多9位‘                        },                        password:{                            required:‘此項必填‘,                            minlenght:‘密碼最少6位‘,                            maxlength:‘密碼最多16位‘                        },                        age:{                            min:‘最小18歲‘,                            max:‘最大80歲‘                            digits:‘年齡必須是正整數‘,                        }                    }                })            })        </script>

         　　　　　　　　　　　　　　 我就學了這麼多，等學了新的再給大家分享，謝謝！！！

<script type="text/javascript">$(function(){$(‘#demoForm‘).validate({rules:{//必須填寫username:{//必填required:true,//最小長度為6位minlenght:6,//最大長度為9位maxlength:9},password:{//必填required:true,//最小長度為6位minlenght:6,//最大長度為9位maxlength:16},age:{//最小為18歲min:18,//最大為30歲max:30,//必須填整數digits:true,}},messages:{//改變提示的內容//錯誤提示username:{required:‘此項必填‘,minlenght:‘最少6位‘,maxlength:‘最多9位‘},password:{required:‘此項必填‘,minlenght:‘密碼最少6位‘,maxlength:‘密碼最多16位‘},age:{min:‘最小18歲‘,max:‘最大80歲‘digits:‘年齡必須是正整數‘,}}})})</script>

jquery validation表單驗證外掛程式。