javascript - Jquery 验证，显示带有 id 值的自定义消息

Question

我使用 jquery.validate.js 进行字段验证。它根据 .js 文件中相应字段的声明显示错误消息。

我使用此代码对电子邮件字段进行自定义验证。

 <script type="text/javascript">
    $().ready(function() {
        $("#formcustomplan").validate({
            email: {
                required: true,
                email: true
            },          
            messages: {
                email: "Email is required in valid format"
            }
        });
    });
</script>

它显示的消息是“需要有效格式的电子邮件”但我希望该错误消息获取电子邮件 ID 并将其显示在错误消息中。(例如，如果我在电子邮件框中输入 test.com。它应该在错误消息中显示“test.com 不是有效的电子邮件”)

这是Fiddle

Answer 1

JQuery Validate 实际上支持functions as messages直接，所以你不必做任何 super hacky 来完成这项工作。它没有很好的记录，但你可以这样做:

messages: {
    email: {
        email: function (params, element) {
            return '"'+$(element).val()+'" is not a valid value';
        }
    }
}

引用自文档:

Each message can be a String or a Callback. The callback is called in the scope of the validator, with the rule’s parameters as the first argument and the element as the second, and must return a String to display as the message.

工作示例:http://jsfiddle.net/ryleyb/XUM8k/11/