首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >丰富:工具提示显示没有字段验证错误的空工具提示

丰富:工具提示显示没有字段验证错误的空工具提示
EN

Stack Overflow用户
提问于 2014-01-23 20:31:03
回答 1查看 518关注 0票数 0

我使用rich:工具提示来显示验证错误消息。这对于出现字段验证错误的字段很有效,但是对于没有字段验证错误的字段,mousemove上会显示一个空的工具提示。下面是我是如何使用它的

代码语言:javascript
复制
<rich:tooltip target="field1" layout="block" showDelay="500">
  <rich:message for="field1" />
</rich:tooltip>

可以使用呈现属性来控制工具提示的呈现行为,但是我不知道如何在我的页面上检查某个字段是否存在验证错误消息。

请给我一些关于如何摆脱这些空工具提示的提示或想法。

EN

回答 1

Stack Overflow用户

发布于 2014-01-23 23:33:35

您可以判断消息是否通过Javascript呈现。

空消息

代码语言:javascript
复制
<span class="rf-msg " id="menuForm:j_idt12"></span>

生成的消息

代码语言:javascript
复制
<span class="rf-msg " id="menuForm:j_idt12">
    <span class="rf-msg-err" id="menuForm:j_idt12:menuForm:error">
        <span class="rf-msg-sum">summary …</span>
        <span class="rf-msg-det">detail …</span>
    </span>
</span>

现在你可以这样做了:

代码语言:javascript
复制
.hidden {
    visibility: hidden;
}

<rich:tootltip styleClass="hidden">
    <rich:message … />
</rich:tooltip>

<rich:jQuery query="removeClass('hidden')" selector=".rf-tt:has(.rf-msg-err)" id="unhide" />

这将从消息不为空的所有工具提示中删除隐藏类。在进行验证时,您需要重新呈现它才能工作。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21308211

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档