Javascript 如何突出显示验证jQuery

我很想在这里得到一些帮助，因为我是jQuery的新手

我的代码就在这里：

$(document).ready(function(){
        $("#subscribe").validate({
            debug: false,
            rules: {
                email: {
                    required: true,
                    email: true
                }
            },
            messages: {
                email: "*",
            },
            submitHandler: function(form) {
                $.post('wp-content/themes/abc/process.php', $("#subscribe").serialize(), function(data) {
                    $('#results').html(data);
                });
            }
        });
});

现在，我要做的是用突出显示的输入字段替换消息：*。因此，我不想在我的电子邮件输入字段后面显示消息*，而是想在我的电子邮件输入字段中添加一个类。非常感谢您的帮助。

如前所述，如果要验证的元素未通过验证规则，jQuery validate会向该元素添加一个

.error

类。它还添加了一条默认消息。如果要删除消息并突出显示输入字段，可以将消息设置为空字符串并使用CSS突出显示输入字段。下面是一个例子：

$（文档）.ready（函数（）{
$（“#订阅”）.validate({
调试：错误，
规则：{
电邮：{
要求：正确，
电子邮件：真的
}
},
信息：{
电邮：“，
},
submitHandler:函数（表单）{
$.post（'wp-content/themes/abc/process.php'，$（“#subscribe”）.serialize（），函数（数据）{
$（'#results'）.html（数据）；
});
}
});
});
#email.error{
边框：2倍纯红；
背景颜色：黄色；
}

我认为jQuery将“error”类添加到输入中，并突出显示它本身。不是吗？如果您只是不想显示消息-答案可以在这里找到-Jquery通过验证添加.error类，因此您可以修改.error类