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

【问题标题】：How can I make the textbox control show red as well如何使文本框控件也显示为红色
【发布时间】：2016-10-10 04:05:32
【问题描述】：

我正在使用 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>

【问题讨论】：

How do I highlight a textbox border red when it is required?的可能重复
RequiredFieldValidator 没有内置方法来执行此操作 - 最简单的方法可能是使用 CustomValidator 并在服务器上执行此操作。
Change Text Box Color using Required Field Validator. No Extender Controls Please的可能重复
您可以查看这篇文章，其中 Znar 为边界做了类似的事情：RequiredFieldValidator,… effect on others controls。

标签： c# asp.net webforms

【解决方案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. 这样的外部库

【讨论】：

请注意：链接问题的答案提供了您可以使用的可能 Javascript 的极好示例。这个答案的重点是解释如何不显示“只是一条消息”。
Daniel 这不是我想要突出显示整个文本框的意思。