Validation In ASP.NET Web Form

Let's create a Web application first to implement validation controls in ASP.NET, and then do the server-side validation.

using System.ComponentModel.DataAnnotations,

Add New web page in your application; here I have added "Register.aspx." Add the following html in your "Register.aspx" page.

<div>
<asp:TextBox ID="txtName" placeholder="Enter Full Name" runat="server"></asp:TextBox>
<br />
<asp:TextBox ID="txtEmail" placeholder="Enter Email" runat="server"></asp:TextBox>
<br />
<asp:TextBox ID="txtMobile" placeholder="Enter Mobile" runat="server"></asp:TextBox>
<br />
<asp:TextBox ID="txtPassword" placeholder="Enter Password" runat="server"></asp:TextBox>
<br />
<asp:TextBox ID="txtAge" placeholder="Enter Age" runat="server"></asp:TextBox>
<br />
<asp:Button ID="btnSubmit" runat="server" Text="Submit"
OnClick="btnSubmit_Click" />
</div>

Apply validation for the following fields:

Drag and drop Validation controls from toolbar:

Copy paste the following code where I have map validation control with other controls, such as textboxes:

<div>
Full Name :<asp:TextBox ID="txtName" placeholder="Enter Full Name" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Name cannot be blank" ControlToValidate="txtName" ForeColor="Red"></asp:RequiredFieldValidator>
<br />
Email :<asp:TextBox ID="txtEmail" placeholder="Enter Email" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="Email cannot be blank" ControlToValidate="txtEmail" ForeColor="Red"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtEmail" ErrorMessage="Enter proper email format" ForeColor="Red" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
<br />
Mobile :<asp:TextBox ID="txtMobile" placeholder="Enter Mobile" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="Mobile cannot be blank" ControlToValidate="txtMobile" ForeColor="Red"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ControlToValidate="txtMobile" ErrorMessage="Mobile number must be 10 digit" ForeColor="Red" ValidationExpression="\d{10}"></asp:RegularExpressionValidator>
<br />
Password :<asp:TextBox ID="txtPassword" placeholder="Enter Password" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="Password cannot be blank" ControlToValidate="txtPassword" ForeColor="Red"></asp:RequiredFieldValidator>
<asp:CompareValidator ID="CompareValidator1" runat="server" ControlToCompare="txtPassword" ControlToValidate="txtConfirmPassword" ErrorMessage="Password and confiem password must be same" ForeColor="Red"></asp:CompareValidator>
<br />
Confirm Password :<asp:TextBox ID="txtConfirmPassword" placeholder="Confirm Password" runat="server"></asp:TextBox>
<br />
Age :<asp:TextBox ID="txtAge" placeholder="Enter Age" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="Age cannot be blank" ControlToValidate="txtAge" ForeColor="Red"></asp:RequiredFieldValidator>
<asp:RangeValidator ID="RangeValidator1" runat="server" ErrorMessage="Age must be between 18 to 40" ControlToValidate="txtAge" ForeColor="Red" MaximumValue="40" MinimumValue="18"></asp:RangeValidator>
<br />
<asp:Button ID="btnSubmit" runat="server" Text="Submit"
OnClick="btnSubmit_Click" />
</div>

Now run the application. Running the application will give you errors as in the following screenshot:

To resolve the issue, add the following line in web.config file:

<appSettings>
<add key="ValidationSettings:UnobtrusiveValidationMode" value="None" />
</appSettings>

Now, run the application and check all validations:

Click on the submit button and check whether all required field validation works properly.
Enter 8 digit and 10 digit in mobile textbox and check the Regular Expression Validation.
Check Regular Expression Validation for email.
Check Range Validation for age and compare validation for Password and Confirm Password.

Now all the Validations work properly.

Now, add Class Library in our project for implementing Validation through System.ComponentModel.DataAnnotations. For this follow the steps below:

Add New Project, then select Class Library and give name 'ClassLibrary1' and add class 'register.cs'

Create property for Name, Mobile, Email, Password, ConfirmPassword and Age field.

public class register
{
[Required(ErrorMessage = "Name is required")]
public string name
{
get;
set;
}
[Required(ErrorMessage = "email is required")]
[RegularExpression(@ "\A(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?)\Z",
ErrorMessage = "Please enter proper email")]
public string email
{
get;
set;
}
[Required(ErrorMessage = "Mobile is required")]
[RegularExpression(@ "\d{10}", ErrorMessage = "Please enter 10 digit Mobile No.")]
public string mobile
{
get;
set;
}
[Required(ErrorMessage = "Password is required")]
[DataType(DataType.Password)]
public string Password
{
get;
set;
}
[Required(ErrorMessage = "Confirm Password is required")]
[DataType(DataType.Password)]
[Compare("Password")]
public string ConfirmPassword
{
get;
set;
}
[Required(ErrorMessage = "Age is required")]
[Range(typeof(int), "18", "40", ErrorMessage = "Age can only be between 18 and 40")]
public string age
{
get;
set;
}
}

Build the class library and add the reference 'ClassLibrary' in your Web Application.

Now add the following code on submit button click event; here we will do the server-side validation for all the properties using data annotations:

protected void btnSubmit_Click(object sender, EventArgs e)
{
register reg = new register();
reg.name = txtName.Text.ToString();
reg.email = txtEmail.Text.ToString();
reg.mobile = txtMobile.Text.ToString();
reg.Password = txtPassword.Text.ToString();
reg.ConfirmPassword = txtConfirmPassword.ToString();
reg.age = txtAge.Text.ToString();
var context = new ValidationContext(reg, serviceProvider: null, items: null);
var results = new List<ValidationResult>();
var isValid = Validator.TryValidateObject(reg, context, results, true);
if (!isValid)
{
foreach (var validationResult in results)
{
Response.Write(validationResult.ErrorMessage.ToString());
}
return;
}
}

Here setting validateAllProperties = true is the important part. If it is false then it will perform only the first default validation 'Required' and it will not check other Validation for the properties like 'Regularexpression', 'Range', etc.

Now check the server-side validation and comment on all the validation controls in the register.aspx page and run the application.

Check all the validations. So here, if in the browser we disable JavaScript, then the server-side validation works perfectly fine.

I hope you find this article helpful, in next article we will learn Validation in ASP.NET MVC application.

17 Comments

Join the conversation! Your thoughts help the community grow.

Ankur Mistry10y ago
thank you all
Manoj Kalla10y ago
Good one
Shridhar Sharma10y ago
nice share
Mayank Sharma10y ago
Amazing One.
Debasis Saha10y ago
Good One..
- Ankur Mistry10y ago
  thank you
Ankur Mistry10y ago
Thank you
Santhakumar Munuswamy10y ago
Thanks for nice article
Karthikeyan K10y ago
Good one..
- Ankur Mistry10y ago
  thank you
Ankur Mistry10y ago
Thank you Raja T
Raja T10y ago
Good, Thanks for sharing
Humayun Kabir Mamun10y ago
Nice...
- Ankur Mistry10y ago
  Thank you Humayun Kabir Mamun
Rushabh Parekh10y ago
Reallly helpful
- Ankur Mistry10y ago
  Thanks Rushabh Parekh
Rushabh Parekh10y ago
Awesome it is