jQuery Validator插件 - 更新自定义错误消息

时间:2010-01-11 16:13:29

标签: jquery plugins validation

我在表单上成功使用了jQuery Validator插件。此表单是一个小部件,因此空间限制很紧张。因此,我不希望在每个未验证的表单字段后显示正常的错误消息。

相反,对于每个表单字段,我都有一个标签,并且在必填字段的标签内,我有一个<em>,其中包含文本'(required)'。如果用户尝试提交但未填写所有字段,我会将.css('color', '#F00')添加到空字段的<em>,以突出显示需要填写的字段。到目前为止,这很有效。

现在我需要知道的是,如果用户将数据输入相关的必填字段,我会用什么事件将<em>设置为黑色?

我将<em> s改为红色,目前为:

errorPlacement: function(error, element) {
    jQuery(element).prev().children('em').css('color', '#F00');
}

1 个答案:

答案 0 :(得分:1)

也许看看使用高亮/非高亮选项 - 这些似乎是为了做你感兴趣的事情。插件调用会在无效条件触发时突出显示,然后在用户更正时自动调用unhighlight输入无效。

如果只是为了防止插件表单显示标准错误消息,您可能还需要指定errorPlacement。