ASP.NET Jquery Validation

Question

Hello,

I am working in c# asp.net project. I have 4 to 5 pages.

I am using RequiredFiledValidator, RegilarExpressionValidator....etc on all pages.

But I want to use Jquery validation with common .js file with all validation in it and want to access it on all pages. So i can avoid code duplication on all pages.

Please suggest some example.

Also, can share Jquery or javascript all type of validation on page .

Thanks in advance!

Abhishek Yadav · Answer

Step 1: Add jQuery Validation Library Step 2: Create common-validation.js $(document).ready(function () { // Common function to attach validation on any form function applyValidation(formSelector) { $(formSelector).validate({ errorClass: "text-danger", highlight: function (element) { $(element).addClass("is-invalid"); }, unhighlight: function (element) { $(element).removeClass("is-invalid"); }, rules: { txtName: { required: true, minlength: 3 }, txtEmail: { required: true, email: true }, txtPassword: { required: true, minlength: 6 }, txtConfirmPassword: { required: true, equalTo: "#txtPassword" }, txtPhone: { required: true, digits: true, minlength: 10, maxlength: 10 }, txtAge: { required: true, number: true, min: 18, max: 100 } }, messages: { txtName: { required: "Please enter your name", minlength: "Name must be at least 3 characters long" }, txtEmail: { required: "Please enter your email", email: "Please enter a valid email" }, txtPassword: { required: "Please enter password", minlength: "Password must be at least 6 characters" }, txtConfirmPassword: { required: "Please confirm password", equalTo: "Passwords do not match" }, txtPhone: { required: "Please enter phone number", digits: "Only digits allowed", minlength: "Phone must be 10 digits", maxlength: "Phone must be 10 digits" }, txtAge: { required: "Please enter your age", number: "Please enter a valid number", min: "Age must be at least 18", max: "Age cannot exceed 100" } } }); } // Apply validation automatically to all forms with class 'validated-form' $("form.validated-form").each(function () { applyValidation(this); }); }); Step 3: Use It on Any Page Name: Email: Password: Confirm Password: Phone: Age:

ASP.NET Jquery Validation

Answers (1)