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

Question

$('.register_form').validate({


     invalidHandler: function(){

        return false;
     }

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

Answer 1

你的代码:

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