如何显示 inputtext 的剩余字符？答案

【问题标题】：How can I show remaining characters for inputtext?如何显示 inputtext 的剩余字符？
【发布时间】：2020-02-21 22:05:01
【问题描述】：

我希望实现这一目标https://www.primefaces.org/remaining-chars-for-inputtextarea/ 但是使用 inputtext，但它没有这些属性，我想在 inputtext 下放置一个标签，该标签会随着每个 keydown 事件自行更新，但我认为这不是最好的方法，有什么想法吗？顺便说一下，我使用的是 PF 3.5。

【问题讨论】：

最简单的方法是进行一些 CSS 更改，将 resize:none 设置为 textarea 它将成为输入文本...您可以相应地更改大小。
之前的建议很好，或者添加一个简单的 jquery 'plugin'，因为它已经包含在 PrimeFaces 中或者做普通的 javascript。两者都可见于stackoverflow.com/questions/12742595/…

标签： primefaces

【解决方案1】：

试试这个：

<h:outputText id="char_track"
              value="#{10 - bean.value.length()} characters remaining."/>

<p:inputText value="#{bean.value}" maxlength="10">
  <p:ajax event="keyup" global="false" update="char_track"/>
</p:inputText>

这里的想法是在输入字段中使用p:ajax 中的keyup 事件在每次将字符添加到输入字段时更新h:outputText。 length() 方法给出了字符串的长度。

【讨论】：

在说“随机码”之前，你真的应该三思而后行。你试过这个答案，看看它是否随机？
不要为此使用 ajax...糟糕的设计
不是乱码，但确实漏了个解释。
@Noah，我不是来测试一些代码和测试来验证的，如果你回答了什么请简要解释问题和解决方案，或者在发布答案之前与问题所有者讨论，试试这个然后发布有些代码现在或将来都不会帮助任何人，请阅读如何写出好的答案stackoverflow.com/help/how-to-answer
@bugsforbreakfast：阅读有关问题的 cmets。有效；您都可以工作，因此在技术上是正确的。除非使用 ajax 延迟，否则使用 ajax 不是一个好方法