代码之家  ›  专栏  ›  技术社区  ›  tex

jquery验证程序插件-更新自定义错误消息

  •  0
  • tex  · 技术社区  · 16 年前

    我在表单上成功地使用了jquery validator插件。这个表单是一个小部件,所以空间约束很紧。因此,我不想在每个未验证的表单字段后显示正常的错误消息。

    相反,对于每个表单字段,我都有一个标签,在所需字段的标签中,我有一个 <em> 其中包含文本“(必需)”。如果用户试图提交而不填写所有字段,我会添加 .css('color', '#F00') 到 <EM & GT; 空字段的s,以突出显示需要填写哪些字段。到目前为止效果很好。

    现在我需要知道的是,我用什么事件来设置 <EM & GT; 如果用户在相关的必需字段中输入数据,返回黑色?

    我改变了 <EM & GT; S到红色,如下所示:

    errorPlacement: function(error, element) {
        jQuery(element).prev().children('em').css('color', '#F00');
    }
    
    1 回复  |  直到 16 年前
        1
  •  1
  •   Drew Wills    16 年前

    也许可以考虑使用突出显示/取消突出显示选项——这些似乎是为完成您感兴趣的事情而设计的。插件在无效条件触发时调用highlight,然后在用户更正无效输入时自动调用unhighlight。

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