Post
Ask Question

Validation with Javascript & jQuery using the Class Name

Introduction

 
This will explain the concept of validation using the class name in Javascript and jQuery. You just need to add the class 'mandatory' in control, then this control will be required for submission of the form. If it is not filled, then it will be highlighted red.
 
Code:
  1. function Validation()  
  2. {    
  3.     var isValid = true;    
  4.     var classname = 'mandatory';    
  5.     $('.' + classname + '').each(function (i, obj)  
  6.     {    
  7.         if (obj.value == '')  
  8.         {    
  9.             isValid = false;    
  10.             return isValid;    
  11.         }    
  12.     });    
  13.     
  14.     if (!isValid)  
  15.     {    
  16.         $('.' + classname + '').each(function (i, obj)  
  17.         {    
  18.             if (obj.value == '')  
  19.             {    
  20.                 obj.style.border = '1px solid red';    
  21.             }  
  22.             else  
  23.             {    
  24.                 obj.style.border = '1px solid black';    
  25.             }    
  26.         });    
  27.         alert('Please fill mandatory details');    
  28.     }    
  29.     if (isValid)  
  30.     {    
  31.         return confirm('Are you sure you want to save information? Once information stored will not be updated.')    
  32.     }    
  33.     return isValid;    
  34. }   
For Example
 
ASP textbox :
html input text :