Apply jQuery Validation on ASP.Net Controls

Introduction

In two of my previous article I told you about:

But in that article I used HTML Controls. What to do if I need to use ASP.NET Controls? If we want to save any data or we want to transfer any data then we need to either use ASP.NET Controls or we need to pass runat="server" in the HTML Control, in both the cases our previous validation will stop working, this article will solve this problem.

This article explains how to Apply jQuery Validation on ASP.NET Controls.

Step 1

First of all you need to download two external files (.js) files, these are:

1. jQuery.js
2. jQuery.validate.js

These can be either downloaded from the jQuery official WebSite or you can download the Zip File present at the start of this article.

After downloading you need to apply them in the Head Section of your application.

Step 2

Now I will use some ASP.NET Textboxes and a Button.

Here I took three Textboxes, separate ID's are passed to each TextBox, then one Button is used.

Step 3

Now I will Apply Validation on these TextBoxes, for this you need to create this function in the Head Section of your application:

First I had passed the name of the Form that is to be validate, then in the rules we need to provide the validations that are to be applied on each TextBox.

These Validations are applied on the ID of each TextBox, for the first TextBox, Required Field validation is applied. Validation is applied in this manner:

<%ID of Control.UniqueID%>

Then validations are applied in the brackets, like required:true or email:true.