键入时更新p:inputText样式

Question

如何在用户键入时更新p:inputText的样式而不中断他们的键入？

<p:inputText id="radiusValue" value="#{bean.radius}"
styleClass="#{bean.radiusStyle}">
<p:ajax event="keyup" update="radiusValue" />
</p:inputText>

这是为了验证。它会很好地更新并获得正确的样式，但当p:inputText更新时，它会将光标设置回开头。。。中断用户的输入。必须有一种侵入性较小的方式来更新风格吗？

Answer 1

您能在客户端上进行验证吗？我还没有尝试过，但您可以使用onkeyup属性来执行Javascript函数，该函数根据您的需要添加样式类。

function applyStyle() {
var element = document.getElementById("myInputText");
element.classList.add("mystyle");
}