required field validator asp.net change css of textbox

Question

Instead of showing an error message 'Name is required' I would like to change (or also include) changing the background of the textbox to red (by the client side, the same way the error text is displayed). I imagine I have to use a javascript function.

Can anyone enligthen me please?

    <tr>
      <td>
         <asp:Label ID="lblName" runat="server" Text="Name" CssClass="bold" />
      </td>
      <td>
         <asp:TextBox ID="txtName" runat="server" TextMode="SingleLine" MaxLength="50" CssClass="textbox" />
      </td>
      <td>
         <asp:RequiredFieldValidator ID="rfvName" runat="server" ControlToValidate="txtName" Display="Static" Text="Name is required!" Enabled="true" CssClass="validator" />
      </td>
    </tr>

Robert · Accepted Answer · 2012-03-28 12:26:18Z

3

You can do it either by using jquery or by using a custom validator. Custom Validator might be a little easier and cleaner than jquery but both would accomplish the same thing.

I found this blog post that might help you out: http://codinglifestyle.wordpress.com/2009/09/16/change-background-color-of-invalid-controls-asp-net-validator/

answered Mar 28, 2012 at 12:26

Robert

3,0843 gold badges25 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

required field validator asp.net change css of textbox

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related