Javascript Jquery验证，使用id中的值显示自定义消息

我使用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>

$（）.ready（函数（））{
$（“#formcustomplan”）。验证({
电邮：{
要求：正确，
电子邮件：真的
},          
信息：{
电子邮件：“需要有效格式的电子邮件”
}
});
});

它的显示信息类似于“需要有效格式的电子邮件” 但我希望错误消息获取电子邮件id并在错误消息中显示它。 （例如，如果我在电子邮件框中输入test.com，则在错误消息中应显示“test.com不是有效电子邮件”）

这里是

---

您可以使用以下方法重置默认电子邮件验证消息：

$.validator.messages.email = "Your custom message for email field"

在您的情况下，您可以将用户输入的新值预先添加到自定义消息中。下面是使用

keyup

的技巧：

$('.email').keyup(function () {
    $.validator.messages.email = $('.email').val() + ' is not valid email';
});

$("#formcustomplan").validate({
    email: {
        required: true,
        email: true
    }
});

---

JQuery Validate实际上直接支持，因此您不必做任何超级黑客的工作来实现这一点。它没有很好的文档记录，但您可以这样做：

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

引用文件：

每条消息可以是字符串或回调。回调被调用 验证器的范围，规则的参数作为第一个 参数和元素作为第二个，并且必须向 显示为消息

工作示例：