Element UI 日期校验(禁用)

  • vue 写法
data() {
    const equalToPassword = (rule, value, callback) => {
        if (this.form.newPassword !== value) {
            callback(new Error("新密码与确认密码不一致,请仔细核对"));
        } else {
            callback();
        }
    };
    return {
        form: {
            oldPassword: "",
            newPassword: "",
            confirmPassword: "",
        },
        formRules: {
            oldPassword: [
                { required: true, message: "请输入旧密码", trigger: "blur" },
                {
                    pattern: /^\w+$/,
                    message:
                        "密码只允许字母、数字与下划线的组合,长度为6-20,请仔细核对",
                    trigger: "change",
                },
                {
                    min: 6,
                    max: 20,
                    message:
                        "密码只允许字母、数字与下划线的组合,长度为6-20,请仔细核对",
                    trigger: "blur",
                },
            ],
            newPassword: [
                { required: true, message: "请输入新密码", trigger: "blur" },
                {
                    pattern: /^\w+$/,
                    message:
                        "密码只允许字母、数字与下划线的组合,长度为6-20,请仔细核对",
                    trigger: "change",
                },
                {
                    min: 6,
                    max: 20,
                    message:
                        "密码只允许字母、数字与下划线的组合,长度为6-20,请仔细核对",
                    trigger: "blur",
                },
            ],
            confirmPassword: [
                { required: true, message: "请输入确认密码", trigger: "blur" },
                {
                    pattern: /^\w+$/,
                    message:
                        "密码只允许字母、数字与下划线的组合,长度为6-20,请仔细核对",
                    trigger: "change",
                },
                {
                    min: 6,
                    max: 20,
                    message:
                        "密码只允许字母、数字与下划线的组合,长度为6-20,请仔细核对",
                    trigger: "blur",
                },
                { required: true, validator: equalToPassword, trigger: "blur" },
            ],
        }
    };
},        

posted @   DL·Coder  阅读(156)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
点击右上角即可分享
微信分享提示