1

这是一个示例表格
如何自定义表单,使其不显示任何错误消息,而是更改无效字段的背景颜色?

试过这个无济于事:

$("form").validate({
  errorPlacement: function(error, element) {
     $(element.error).css("background","red");
   }
 })
4

2 回答 2

5

你只需要两行 CSS:

label.error {display: none !important;}
.error {background: #F00;}
于 2012-10-30T07:51:54.183 回答
0

您可以通过处理invalidHandlervalidate 插件中的回调来做到这一点:

代码:

$('#commentForm').validate({
    invalidHandler: function() {
        setTimeout(customizeErrors, 200);
    }
});

function customizeErrors() {
    $('label.error').each(function() {
        $(this).prev().addClass('has-error');
        $(this).prev().attr('title', $(this).text());
    });
    $('label.error').remove();
}

演示:http: //jsfiddle.net/2LwTa/

注意:理想情况下,错误消息不应是工具提示,因为这意味着仅使用键盘的人将永远看不到它。

于 2012-10-30T04:26:39.727 回答