javascript - JQuery验证器如何删除错误消息并添加边框颜色

Question

$('.register_form').validate({


     invalidHandler: function(){

        return false;
     }

我已经尝试过了，但是没有用，如何删除错误消息，而是将输入边框涂成红色？在文档中没有找到示例

score 6 · Accepted Answer

你的代码：

invalidHandler: function(){
    return false;
}

它不起作用，因为回调与创建、控制或放置错误元素invalidHandler无关。它仅在表单无效时在提交时label触发。它与仅在提交有效表单时触发的完全相反。请参阅所有回调函数的文档。submitHandler

errorPlacement回调函数用于在页面上放置错误消息元素label。如果您只是return false在此回调函数中放置一个，则不会在任何地方放置任何错误消息。

$('.register_form').validate({
    // rules, options, callbacks,
    errorPlacement: function() {
        return false;
    }
});

但是，error和valid类仍然会在验证字段元素时自动切换。因此，只需根据需要使用您的 CSS 来设置这些样式。

.error {
    border: 1px solid #f00;
}    
.valid {
    border: 1px solid #0f0;
}

score 3 · Accepted Answer

您可以使用

errorPlacement: function(){
            return false;
        }

和CSS：

.error {
    border: 2px solid #FF4000;
}

.valid {
    border: 2px solid #2EFE2E;
}

演示小提琴

2 回答 2