1，介紹

 設計目的為了驗證輸入的表單欄位是否有效
        如果無效，他將改變輸入框的背景顏色，並顯示警告圖示和提示資訊
        
        優點
        1.包含很多內建的驗證規則
        2.可以自定義驗證規則
        3.簡單而強大的驗證資訊提示

2，屬性

3，validType欄位驗證型別介紹

4，例項

   $(function () {
            DialongForm();
            
            loadValidate();
        });
        function DialongForm() {
            $("#validateboxFrm").dialog({
                title: '使用者驗證',
                width: 360,
                height: 300,
                modal:true
            });
        }
        //驗證方法2
        function loadValidate() {
            //姓名
            $("#xm").validatebox({
                required: true,
                missingMessage:"請輸入姓名"
            });
            //郵箱
            $("#yx").validatebox({
                required: true,
                missingMessage: "請輸入郵箱",
                validType: 'email',
                invalidMessage:"格式不對",

            });
            //輸入個人主頁
            $("#zy").validatebox({
                required: true,
                missingMessage: "請輸入主頁",
                validType: 'url',
                invalidMessage: "格式不對",
            });
        }
 

<div  id="validateboxFrm">
         <form id="form1" runat="server">
             <table>
                 <tr>
                     <td>姓名：</td>
                     <td><input id="xm" name="xm" class="easyui-validatebox textbox" /></td>
                 </tr>
                  <tr>
                     <td>郵箱</td>
                     <td><input id="yx" name="yx" class="easyui-validatebox textbox" /></td>
                 </tr>
                  <tr>
                     <td>個人主頁</td>
                     <td><input id="zy" name="zy" class="easyui-validatebox textbox" /></td>
                 </tr>
                  <tr>
                     <td>護照</td>
                      <%-- 驗證方法1 --%>
                     <td><input id="hz" name="hz" class="easyui-validatebox textbox" 
                         data-options="required:true, validtype='length[8,20]',invalidMessage='有效長度8-20',missingMessage='請輸入護照資訊'"/>
                         <%-- 幾種渲染方法 必須有始有終 --%>
                     </td>
                 </tr>
             </table>
         </form>
        </div>