（一）Validate

（1）基礎用法

• Validate定義
  • Validate是基於jQuery的輕量級外掛
  • 用於表單的校驗
• 使用方式
  • 首先需要匯入.js包
  • <script src="../js/jquery.validate.js"></script>
  • 使用方法：$(“選擇器”).validate({code})
  • 內部使用 欄位名（標籤的name屬性）：”屬性值”的方式
    • rules：表示元素輸入應該遵循的規則
    • messages：表示輸入錯誤時的提示資訊

        <script type="text/javascript">
            $(function
 
(){
                $("#formId").validate({
                    rules:{
                        username:"required",
                        password:{
                            required:true,
                            digits:true
                        },
                        repassword:{
                            equalTo:"[name='password']"
 

                        }
                    },
                    messages:{
                        username:"使用者名稱不能為空"  ,
                        password:{
                            required:"密碼不能為空",
                            digits:"密碼只能是數字"
                        }
                    }
                });
            });
        </script
 
>

（2）基本表單校驗

• 容易忽視的：rules中的校驗元素之間需要使用逗號分割，不然會報錯或者失效

    <script>
        $(function(){
            $("#formid").validate({
                rules:{
                    username:{
                        required:true,
                        rangelength:[5,10]
                    },
                    password:{
                        required:true,
                        rangelength:[4,6]
                    },
                    repassword:{
                        equalTo:"#password"
                    }
                },

                messages:{
                    username:{
                        required:"使用者名稱不能為空",
                        rangelength:"長度應該為{0}~{1}"
                    },
                    password:{
                        required:"密碼不能為空",
                        rangelength:"長度應該為{0}~{1}"
                    }
                }
            });
        });
    </script>