1. 程式人生 > >3.03-EasyUI前端總結三

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型別

未解決問題:

請求次數過多!