Question

我希望这是一个简单的问题：o）

我在xPage上有一个编辑框，名为＆＃34; name＆＃34;这是必填字段。我希望当字段中没有文本时背景为（浅）红色，并且一旦用户开始输入，则为白色。基本上我想要的是让用户看到任何具有红色背景的字段是必填字段。我假设我可以在运行时计算样式 - 但我找不到这样做的方法。有没有人有代码才能这样做？

提前感谢你熊属

Answer 1

添加一个styleClass＆＃34; required＆＃34;到你的编辑框字段，并用css红色背景颜色。

在客户端onkeyup事件上删除课程＆＃34; required＆＃34;当field不为空时，当field再次为空时将其添加回来。

这是一个工作示例作为起点：

<xp:inputText
    id="inputText1"
    value="#{viewScope.test}"
    required="true"
    styleClass="xspInputFieldEditBox required">
    <xp:eventHandler
        event="onkeyup"
        submit="false">
        <xp:this.script><![CDATA[
            var element = document.getElementById("#{id:inputText1}");
            if (element.value == "") {
                dojo.addClass(element, "required");
            } else{
                dojo.removeClass(element, "required");
            }
        ]]></xp:this.script>
    </xp:eventHandler>
</xp:inputText>

.required {
    background: red;
}

您应该将代码作为函数添加到CSJS脚本库中，并使用控件ID参数#{id:inputText1}调用它，以便它可以轻松地用于所有必需的字段。

Xpages：更改编辑框的背景颜色

1 个答案: