这是一个示例表格。
如何自定义表单,使其不显示任何错误消息,而是更改无效字段的背景颜色?
试过这个无济于事:
$("form").validate({
errorPlacement: function(error, element) {
$(element.error).css("background","red");
}
})
这是一个示例表格。
如何自定义表单,使其不显示任何错误消息,而是更改无效字段的背景颜色?
试过这个无济于事:
$("form").validate({
errorPlacement: function(error, element) {
$(element.error).css("background","red");
}
})
你只需要两行 CSS:
label.error {display: none !important;}
.error {background: #F00;}
您可以通过处理invalidHandler
validate 插件中的回调来做到这一点:
代码:
$('#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/
注意:理想情况下,错误消息不应仅是工具提示,因为这意味着仅使用键盘的人将永远看不到它。