我在表单上成功使用了jQuery Validator插件。此表单是一个小部件,因此空间限制很紧张。因此,我不希望在每个未验证的表单字段后显示正常的错误消息。
相反,对于每个表单字段,我都有一个标签,并且在必填字段的标签内,我有一个<em>
,其中包含文本'(required)'。如果用户尝试提交但未填写所有字段,我会将.css('color', '#F00')
添加到空字段的<em>
,以突出显示需要填写的字段。到目前为止,这很有效。
现在我需要知道的是,如果用户将数据输入相关的必填字段,我会用什么事件将<em>
设置为黑色?
我将<em>
s改为红色,目前为:
errorPlacement: function(error, element) {
jQuery(element).prev().children('em').css('color', '#F00');
}
答案 0 :(得分:1)
也许看看使用高亮/非高亮选项 - 这些似乎是为了做你感兴趣的事情。插件调用会在无效条件触发时突出显示,然后在用户更正时自动调用unhighlight输入无效。
如果只是为了防止插件表单显示标准错误消息,您可能还需要指定errorPlacement。