All IT Courses 50% Off
Dotnet Tutorials

ASP.NET Validators

ASP.NET provides controls for performing validation that automatically checks user input and requires no code. You can also create custom validation for your application.

Following are the validation controls:

  • CompareValidator
  • RangeValidator
  • RegularExpressionValidator
  • RequiredFieldValidator
  • ValidationSummary

ASP.NET CompareValidator Control:

It is used for comparing the value of an input control against the value of another input control.

// comparevalidator_demo.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="comparevalidator_demo.aspx.cs"   
Inherits="asp.netexample.comparevalidator_demo" %>  
<!DOCTYPE html>  
<html xmlns="https://www.w3.org/1999/xhtml">  
<head runat="server">  
<title></title>  
<style type="text/css">  
.auto-style1 {  
width: 100%;  
        }  
.auto-style2 {  
height: 26px;  
        }  
.auto-style3 {  
height: 26px;  
width: 93px;  
        }  
.auto-style4 {  
width: 93px;  
        }  
</style>  
</head>  
<body>  
<form id="formValidator" runat="server">  
<table class="auto-style1">  
<tr>  
<td class="auto-style3">  
                        Small number:</td>  
<td class="auto-style2">  
<asp:TextBox ID="txtfirstvalue" runat="server" required="true"></asp:TextBox>  
</td>  
</tr>  
<tr>  
<td class="auto-style4">  
      Big number:</td>  
<td>  
<asp:TextBox ID="txtsecondvalue" runat="server"></asp:TextBox>  
</td>  
</tr>  
<tr>  
<td class="auto-style4"></td>  
<td>  
<asp:Button ID="btnSaveButton" runat="server" Text="save"/>  
</td>  
</tr>  
</table>  
< asp:CompareValidator ID="CompareValidator" runat="server" ControlToCompare="txtsecondvalue"   
ControlToValidate="txtfirstvalue" Display="Dynamic" ErrorMessage="The first number should be smaller" ForeColor="Red"   
Operator="LessThan" Type="Integer"></asp:CompareValidator>  
</form>  
</body>  
</html> 

Output:

ASP.NET Validators

ASP.NET RangeValidator Control:

This ASP.NET validators will evaluate the value of an input control for checking that the value lies between specified ranges.

It also allows us to check whether the user input is between a specified upper boundary and lower boundary. This range can be either numbers, alphabetic characters or dates.

The ControlToValidateproperty is used for specifying the control to validate. The properties MinimumValue and MaximumValue are used to set minimum and maximum boundaries for the control.

// RangeValidator_demo.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RangeValidator_demo.aspx.cs"   
Inherits="asp.netexample.RangeValidator_demo" %>  
<!DOCTYPE html>  
<html xmlns="https://www.w3.org/1999/xhtml">  
<head runat="server">  
<title></title>  
<style type="text/css">  
.auto-style1 {  
height: 82px;  
        }  
.auto-style2 {  
width: 100%;  
        }  
.auto-style3 {  
width: 89px;  
        }  
.auto-style4 {  
margin-left: 80px;  
        }  
</style>  
</head>  
<body>  
<form id="formRangeValidator" runat="server">  
<div class="auto-style1">  
<p class="auto-style4">  
            Enter value between 100 and 200<br/>  
</p>  
<table class="auto-style2">  
<tr>  
<td class="auto-style3">  
<asp:Label ID="lblEnterValue" runat="server" Text="Enter a value"></asp:Label>  
</td>  
<td>  
<asp:TextBox ID="txtuserInput" runat="server"></asp:TextBox>  
<asp:RangeValidator ID="RangeValidator" runat="server" ControlToValidate="txtuserInput"   
ErrorMessage="Enter value in specified range" ForeColor="Red" MaximumValue="199" MinimumValue="101"   
SetFocusOnError="True"Type=" Integer"></asp:RangeValidator>  
</td>  
</tr>  
<tr>  
<td class="auto-style3"> </td>  
<td>  
<br/>  
<asp:Button ID="btnSaveButton" runat="server" Text="Save"/>  
</td>  
</tr>  
</table>  
<br/>  
<br/>  
</div>  
</form>  
</body>  
</html>

Output:

ASP Range 1

It will throw an error message when the input is not in range.

ASP Range 2

ASP.NET RegularExpressionValidator Control:

This ASP.NET validators is used to validate an input control’s value against the pattern defined by a regular expression.

It also allows us to check and validate predictable sequences of characters like e-mail addresses, telephone numbers, etc.

The property ValidationExpression is used to specify the regular expression; this expression is used to validate input control.

// RegularExpression_Demo.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RegularExpression_Demo.aspx.cs"   
Inherits="asp.netexample.RegularExpression_Demo" %>  
<!DOCTYPE html>  
<html xmlns="https://www.w3.org/1999/xhtml">  
<head runat="server">  
<title></title>  
</head>  
<body>  
<form id="formRegExValidator" runat="server">  
<div>  
<table class="auto-style1">  
<tr>  
<td class="auto-style2">Email ID</td>  
<td>  
<asp:TextBox ID="txtemail" runat="server"></asp:TextBox>  
<asp:RegularExpressionValidator ID="RegularExpressionValidator" runat="server"ControlToValidate="txtemail"   
ErrorMessage="Please enter valid email" ForeColor="Red" ValidationExpression="\w+([-+.'_]\w+)*@\w+([-._]\w+)*\.\w+([-._]\w+)*">  
</asp:RegularExpressionValidator>  
</td>  
</tr>  
<tr>  
<td class="auto-style2"></td>  
<td>  
<br/>  
<asp:Button ID="btnSaveButton" runat="server" Text="Save"/>  
</td>  
</tr>  
</table>  
</div>  
</form>  
</body>  
</html> 

Output:

It produces the following output when viewing in the browser.

ASP Regular 1

It will validate the e-mail format as we specified in the regular expression. If validation fails, it will throw an error message.

ASP Regular 2

ASP.NET RequiredFieldValidator Control:

RequiredFieldValidator is used to make an input control required which will throw an error if the user leaves input control empty.

It is also used to mandate form control required and restrict the user from providing data.

It can remove extra spaces from the beginning and end of the input value before validation is performed.

The ControlToValidateproperty must be set with the ID of the control to validate.

// RequiredFieldValidator_demo.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RequiredFieldValidator_demo.aspx.cs"   
Inherits="asp.netexample.RequiredFieldValidator_demo" %>  
<!DOCTYPE html>  
<html xmlns="https://www.w3.org/1999/xhtml">  
<head runat="server">  
<title></title>  
<style type="text/css">  
.auto-style1 {  
width: 100%;  
        }  
.auto-style2 {  
width: 165px;  
        }  
</style>  
</head>  
<body>  
<form id="formFieldValidator" runat="server">  
<div>  
</div>  
<table class="auto-style1">  
<tr>  
<td class="auto-style2">User Name</td>  
<td>  
<asp:TextBox ID="txtname" runat="server"></asp:TextBox>  
<asp:RequiredFieldValidatorIDasp:RequiredFieldValidatorID="user" runat="server" ControlToValidate="txtname"   
ErrorMessage="Please enter a user name." ForeColor="Red"></asp:RequiredFieldValidator>  
</td>  
</tr>  
<tr>  
<td class="auto-style2">Password</td>  
<td>  
<asp:TextBox ID="txtpwd" runat="server"></asp:TextBox>  
<asp:RequiredFieldValidator ID="pass" runat="server" ControlToValidate="txtpwd" ErrorMessage="Please enter a password"   
ForeColor="Red"></asp:RequiredFieldValidator>  
</td>  
</tr>  
<tr>  
<td class="auto-style2"> </td>  
<td>  
<br/>  
<asp:Button ID="btnLoginButton" runat="server" Text="login"/>  
</td>  
</tr>  
</table>  
</form>  
</body>  
</html> 

Output:

It will produce the following output when view in the browser.

ASP Required 1

It will throw an error message when the user login with empty controls.

ASP Required 2

ASP.NET ValidationSummary Control:

This validator is used to display a list of all validation errors in the web form.

It also allows us to summarize the error messages at a single location.

We can set the DisplayMode property to display error messages as a list, bullet list, or single paragraph.

// ValidationSummery_Demo.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ValidationSummery_Demo.aspx.cs"   
Inherits="asp.netexample.ValidationSummery_Demo" %>  
<!DOCTYPE html>  
<html xmlns="https://www.w3.org/1999/xhtml">  
<head runat="server">  
<title></title>  
</head>  
<body>  
<form id="formSummaryValidation" runat="server">  
<div>  
</div>  
<table class="auto-style1">  
<tr>  
<td class="auto-style2">User Name</td>  
<td>  
<asp:TextBox ID="txtname" runat="server"></asp:TextBox>  
<asp:RequiredFieldValidator ID="user" runat="server" ControlToValidate="txtname"   
ErrorMessage="Please enter a user name." ForeColor="Red">*</asp:RequiredFieldValidator>  
</td>  
</tr>  
<tr>  
<td class="auto-style2">Password</td>  
<td>  
<asp:TextBox ID="txtpwd" runat="server"></asp:TextBox>  
<asp:RequiredFieldValidator ID="pass" runat="server" ControlToValidate="txtpwd"   
ErrorMessage="Please enter a password" ForeColor="Red">*</asp:RequiredFieldValidator>  
</td>  
</tr>  
<tr>  
<td class="auto-style2">  
<br/>  
<asp:Button ID="btnLoginButton" runat="server"Text="login"/>  
</td>  
<td>  
<asp:ValidationSummary ID="ValidationSummary" runat="server" ForeColor="Red"/>  
<br/>  
</td>  
</tr>  
</table>  
</form>  
</body>  
</html> 

Output:

It produces the following output when viewing in the browser.

ASP Validation summary 1

It throws an error summary when the user login without credentials.

ASP Validation summary 2
Facebook Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Related Articles

Back to top button
Close
Close

Get Python Course
worth 499$ for FREE!

Offer valid for 1st 20 seats only, Hurry up!!

You have successfully subscribed to the newsletter

There was an error while trying to send your request. Please try again.

H2kinfosys Blog will use the information you provide on this form to be in touch with you and to provide updates and marketing.