jQuery验证器为规则自定义错误消息位置

jQuery validator custom error message position for rule

本文关键字：错误 消息 位置 自定义 规则 验证 jQuery      更新时间：2023-09-26

我有规则：

cmp_email: {
                        minlength: 5,
                        required: true,
                        email: true,
                        remote: {
                            url: "'/client'/check-email",
                            type: "post"
                        }
                    },

对于remote规则，我想在alert-error类中放置一条错误消息："此电子邮件已经存在"。jQuery验证插件可以做到这一点吗？

可以使用messages选项来jQuery Validate。

$('form').validate({
  rules: {
    cmp_email: {
                    minlength: 5,
                    required: true,
                    email: true,
                    remote: {
                        url: "'/client'/check-email",
                        type: "post"
                    }
                },
  },
  messages: {
    cmp_email: {
      remote: "This email already exists"
    }
  }
});

是的，这是可能的。要做到这一点，您需要以类似的方式为验证插件设置提供选项。

rules: {
    cmp_email: {
        minlength: 5,
        required: true,
        email: true,
        remote: {
            url: "'/client'/check-email",
            type: "post"
        }
    },
},
messages: {
    cmp_email: { 
        remote: "This email already exist"
    }
}
errorClass:"alert-error"
相关文章：