3.03-EasyUI前端總結三
阿新 • • 發佈:2018-12-03
一、使用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型別
未解決問題:
請求次數過多!