Blog

Set HTML Content with ASP.NET Validation Controls

By Gaurav Gupta Blogs | ASP.NET Programming Apr 10, 2013
How to used images and HTML content to show the error message with server side validation instead of simple text.

Generally when we use the Server side validation control in ASP.NET , used simple text to show the error notification message to the corresponding control.

But how to show the image content as the error message for the validation control instead of the simple plain text.

With the ASP.NET validation controls, we can set or used the images or HTML content to display the error notification when validation fails. We can also rendered the HTML format text or can embed the sounds to the validation controls.

To achieve this, here I will going to set Text Property with proper HTML content of an Validation control.

Here is code

<body>

    <form id="form1" runat="server">

    <div>

        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

        <asp:RequiredFieldValidator ID="RequriedField" runat="server" ValidationGroup="Must"

            ControlToValidate="TextBox1" ErrorMessage='<img src="error.png" style="height:28px;width:25px;vertical-align: top;"/><a href="#" title="Go to Help" style="text-decoration: blink;">Get Help </a>'></asp:RequiredFieldValidator>                

        </br>

        <asp:Button ID="button" runat="server" Text="submit" ValidationGroup="Must" />

    </div>

    </form>

</body>


Run it.

Now when you click on the submit button, It will display an image and link to show the error message for the control.

Output

Set-Html-to-validation-control-in-asp.net.png
  

COMMENT USING