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

Question

$('.register_form').validate({


     invalidHandler: function(){

        return false;
     }

我已经尝试过此操作，但不起作用，如何删除错误消息，并将输入边框颜色设置为红色？在文档中找不到示例

Answer 1

您的代码:

invalidHandler: function(){
    return false;
}

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

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;
}

演示:http://jsfiddle.net/zqqdV/