3.03-EasyUI之验证框

最新推荐文章于 2023-03-02 09:20:23 发布

weixin_34294649

最新推荐文章于 2023-03-02 09:20:23 发布

阅读量124

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/3678587/blog/3020777

版权

2019独角兽企业重金招聘Python工程师标准>>>

一、使用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类型

未解决问题：

请求次数过多！

转载于:https://my.oschina.net/u/3678587/blog/3020777