3.03-EasyUI前端總結三

一、使用validType：'remote['url','參數']'

<p>原先密碼：<input id="oldPwd" name="password" class="easyui-passwordbox easyui-validatebox" prompt="請輸入舊的密碼！"data-options="required:true,missingMessage:'此密碼不能爲空！',validType:'remote[\'user/checkPwd\',\'password\']',invalidMessage:'請輸入正確密碼！',delay:1000"
 iconWidth="28"></p>

二、使用自定義規則：

<!--JS中-->
$.extend($.fn.validatebox.defaults.rules, {
    //校驗兩次密碼輸入是否一致
    confirmPwd: {
        validator: function (value, param) {
            var pass = $(param[0]).passwordbox('getValue');
            return value == pass;
        },
        message: '兩次輸入的密碼不一致！'
    },
    //驗證原先密碼是否正確
    validPwd: {
        validator: function (value, param) {
            var mess=false;
            $.ajax({
                url: 'user/checkPwd',
                type: 'post',
                async: false,
                data: {
                    "password": value
                },
                success: function (data) {
                    if(data=="true"){
                        mess = true;
                    }
                }
            });
            return mess;
        },
        message: '請輸入正確密碼！'
    }
});


<!--JSP中-->
 <p>原先密碼：<input id="oldPwd" name="password" class="easyui-passwordbox easyui-validatebox" prompt="請輸入舊的密碼！"data-options="required:'true',validType:'validPwd'" missingMessage="此密碼不能爲空！" iconWidth="28"></p>

後臺正確返回“true”錯誤返回“false”，都是String類型

未解決問題：

請求次數過多！