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]()