Using this link I have applied the custom error messages.
https://github.com/karol-gontarski/jQuery-Validation-Engine
Download the sample and copy jquery.validationEngine-en.js , jquery.validationEngine.js to your website js folder.
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
body
{
margin-top: 100px;
font-family: Arial;
font-size: 10pt;
}
input, select
{
width: 150px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
</td>
<td>
Please fill the following Form
</td>
</tr>
<tr>
<td style="height: 40px">
</td>
</tr>
<tr>
<td>
Name:
</td>
<td>
<asp:TextBox ID="txtName" runat="server" CssClass="validate[required]" />
</td>
</tr>
<tr>
<td style="height: 40px">
</td>
</tr>
<tr>
<td>
Email:
</td>
<td>
<asp:TextBox ID="txtEmail" runat="server" CssClass="validate[required,custom[email]]" />
</td>
</tr>
<tr>
<td>
<asp:Button ID="btnSubmit" Text="Submit" runat="server" />
</td>
<td>
<asp:Button ID="btnCancel" Text="Cancel" runat="server" />
</td>
</tr>
</table>
</form>
<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css" />
<script src="js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
jQuery("#form1").validationEngine({ 'custom_error_messages': {
'#txtName': {
'required': {
'message': "Name is required"
}
},
'#txtEmail': {
'required': {
'message': "Email is required"
}
,
'custom[email]': {
'message': "Email is not correct"
}
}
}
});
</script>
</body>
</html>
Screenshot
