[jQuery] jQuery Validation

$('#input').validate({
                event: [inputEvent],
                rules:{
                    [inputname]:{[Rule1],[Rule2]},
                },
                submitHandler:function(){
                  ..[function action]
                },
        debug: true,
    message
});

1.event : JQuery event

2submitHandler：提交前做一些動作

3.debug，設為true則不會送出表單

4.rules，驗證規則

 

驗證規則的設定

1. required: true
   必填
2. number: true
   只能輸入數字(包括小數)
3. digits:true
   只能輸入整數
4. minValue: 3
                 不能小於3
5. maxValue: 10         
   最大不超過10
6. rangeValue:[50,100]
     數值範圍為50-100
7. minLength: 5           
   最小長度 可用於text input,checkbox,select
8. maxLength:   10     
     最大長度 可用於text input,checkbox,select
9. rangeLength:[5,10]
      長度範圍為5至10位(漢字算一個字符) 可用於text input,checkbox,select
10. email:true              
    電子郵件
11. equalTo: "#field"     
    與#field值相同
12. dateISO:true       
       日期型，格式為1998/01/22            1999-12-12

5.messag 規則的錯誤訊息