【问题标题】:jQuery Validator Plugin - update custom error messagesjQuery Validator Plugin - 更新自定义错误消息
【发布时间】:2010-01-11 16:13:29
【问题描述】:

我在表单上成功使用了 jQuery Validator 插件。这个表单是一个小部件,所以空间限制很紧。出于这个原因,我不想在每个未验证的表单字段之后显示正常的错误消息。

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

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

我现在将<em>s 更改为红色,如下所示:

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

【问题讨论】:

  • 顺便说一句:许多色盲的人无法区分红色和黑色文本。
  • 谢谢,杰夫。除了红色文本之外,我还打算显示一条一般消息,因此红色文本并不是某些必填字段留空的唯一指示。
  • 是的,我必须学会阅读——我想“(必填)”注释应该提醒最顽固的人。 :)

标签: jquery plugins validation


【解决方案1】:

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

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

【讨论】:

  • 谢谢德鲁,就是这样。我通读了几次文档,但误解了突出显示/取消突出显示的目的。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-05-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多