如何使文本框控件显示为红色

Question

我在使用asp.net RequiredFieldValidator时失败并显示正确的字段我想要做的是将活动控件更改为红色，即不显示消息，以便用户知道如何控制和查看它更好

<asp:ValidationSummary ID="validationSummary"  runat="server" ValidationGroup="fhsMain" ForeColor="Red" HeaderText="Please ensure values are in the following fields" />

 <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">
                            First Name</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="txtFirstName" CssClass="form-control" Width="60%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" ValidationGroup="fhsMain" runat="server" ControlToValidate="txtFirstName" ErrorMessage="First Name"></asp:RequiredFieldValidator>
                        </div>
</div>

Answer 1

根据您指定的目标，我认为您应该添加Text attribute to your validator（请参阅下面示例中的最后一行）。这与您在ValidationSummary中呈现的ErrorMessage分开。当验证器失败时，文本将显示您放置验证器的位置，错误消息将显示在摘要中。

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" ValidationGroup="fhsMain" 
runat="server" ControlToValidate="txtFirstName" ErrorMessage="First Name" 
Text="Text To Display"></asp:RequiredFieldValidator>

如果您真的希望输入本身改变颜色，那么您将需要实现一些自定义Javascript或使用外部库，如formvalidation.io.