Question

我正在尝试为方法“mustBeFigaro”创建自定义消息。目前，我收到了电子邮件的默认消息，但没有收到促销代码的自定义消息。

到目前为止，我已经能够更改插件代码中的现有消息，但不能添加新消息。

$(document).ready(function() {
$.validator.addMethod("mustBeFigaro", function(value, element) {
return (value.toLowerCase && (value.toLowerCase() === "figaro"));
},
"Please enter valid promo code."
);
$("#emailSubscription").validate({
ignore: ".ignore",
    rules: {
            email: {
                required: true,
                email: true
            },
    'entry.369082719': {
      required: true,
      mustBeFigaro:true
    }
        },
    submitHandler: function(form){
        $('#emailSubscription').toggle();
        form.submit();
        $('.hidden-message').show(500);
    }
})
});

Codepen：http://codepen.io/anon/pen/medgoQ?editors=101

Answer 1

您发布的JavaScript代码没有任何问题，jQuery Validate插件工作正常。问题是您的自定义CSS将错误消息隐藏在第二个input元素下面。因此，我从CSS中删除了所有position属性，然后允许元素在插入错误消息时移开。

DEMO：http://jsfiddle.net/okehhjr6/

如何将自定义消息添加到jQuery验证插件

1 个答案: