Selective Validation Using ASP.NET Validation Controls
ASP.NET validation controls allow you to quickly validate your forms. This works well as long as you want to validate entire form values at a time. However, if you want to validate the form in 'parts' then the validation controls pose certain problems. In this article I will show you how to selectively call the validation controls.
How Validation Controls Work?
It must be clear to you that entire page or web form is validated at once. Consider an example where you have two text boxes. One for entering Name and other for entering Age. If age is entered it must be between 18 to 100. Assume that these entries are independent of each other. That is irrespective of whether Age is entered or not you need to process Name and vice a versa. This means that we want to selectively validate our page. Not all validations need to be fired at once. As a first step you may attach RequiredFieldValidator to the Name and Age text boxes. In addition you may also attach a RangeValidator to the Age text box. If you set EnableClientScript property of all the validation controls to true (default) then your form will not be posted unless you enter Age. This is certainly not what we want. Also if you set EnableClientScript property to false then the form is posted back to the sever but it always shows error message for Age text box. This is also not a good idea. In the following section we will see how to solve above problem. Note that as far as possible you should stick to client side validation as it reduces server round trips. Since our problem is a special case we are disabling the client script.
We will now develop a sample web form to illustrate our solution. The form contains following controls:
- TextBox1 to enter Name
- TextBox2 to enter Age
- Button1 to process value entered in TextBox1
- Button2 to process value entered in TextBox2
- RequiredFieldValidator (namevalidator) to ensure that user enters value in TextBox1
- RequiredFieldValidator (agerequiredvalidator) to ensure that user enters value in TextBox2
- RangeValidator (agevalidator) to ensure that user enters value in TextBox2 in the range of 18-100.
Once the form is ready you need to set various validation controls appropriately to validate respective text boxes (i.e. set properties such as ControlToValidate, Text, ErrorMessage, MinimumValue and MaximumValue). Then set EnableClientScript property of ALL validation controls to false. You can easily do that in VS.NET properties window or in markup. Next, in the Page_Load add code similar to following example:
namevalidator.Enabled = True
agevalidator.Enabled = True
agerequiredvalidator.Enabled = True
Here, we simply set Enabled of all validation controls to true. This is necessary so that every thing works well even after multiple post backs. Next, add following code in Click event of Button1.
agevalidator.Enabled = False
agerequiredvalidator.Enabled = False
If namevalidator.IsValid Then
Label3.Text = "You Entered Name :" & TextBox1.Text
Label4.Text = ""
Here, we set Enabled property of validation controls for TextBox2 (Age). This will suppress validation of TextBox2 and no error is generated. We then check IsValid property of namevalidator and if it is true we process the entered value. Similarly, add following code in the Click event handler of Button2.
namevalidator.Enabled = False
If agerequiredvalidator.IsValid And _
Label3.Text = ""
Label4.Text = "You Entered Age :" & TextBox2.Text
This will ensure that when you click Button2 validation for TextBox1 will be suppressed.
In this article I explained how ASP.NET validation controls work. We saw a situation where you want to validate a page in parts. We also saw how to achieve this by making the validation on the server along with the Enabled property of validation controls.