Question

$('.register_form').validate({


     invalidHandler: function(){

        return false;
     }

我试过这个但是没有用，如何删除错误信息，而是将输入边框变为红色？没有在docs找到示例

Answer 1

您的代码：

invalidHandler: function(){
    return false;
}

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

label回调函数用于在页面上放置错误消息return false元素。如果您只是在此回调函数中放置$('.register_form').validate({ // rules, options, callbacks, errorPlacement: function() { return false; } });，则不会将错误消息放在任何位置。

error

但是，valid和.error { border: 1px solid #f00; } .valid { border: 1px solid #0f0; }类仍将在字段元素上自动切换，因为它们已经过验证。因此，只需使用CSS根据需要设置样式。

{{1}}

DEMO ：http://jsfiddle.net/zqqdV/

Answer 2

您可以使用

errorPlacement: function(){
            return false;
        }

和Css：

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

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

演示Fiddle

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

2 个答案: