Validate: Email ID, GST Number, Bank IFSC Code, PAN Number

Validate: Email ID, GST Number, Bank IFSC Code, PAN Number

In this post, we'll learn about "how to validate an email ID, GST Number, Bank IFSC Code, PAN Number with Javascript or jQuery."

Introduction

This post how to validate an email ID, GST Number, Bank IFSC Code, PAN Number with Javascript or jQuery.

Email ID Validation

Here is a Javascript function to validate the email ID, you need to add the class "email" in the text control.

Code

<script type="text/javascript">        
$(document).ready(function () {        
    
$(".email").change(function () {    
var inputvalues = $(this).val();    
var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;    
if(!regex.test(inputvalues)){    
alert("invalid email id");    
return regex.test(inputvalues);    
}    
});    
    
 });            
</script>            
          
Html input type text          
Email : <input type="text" class="email" >    
GST Number Validation

You need to apply the "gst" class to control and add the below Javascript function.

GST no sample : 05ABDCE1234F1Z2

Code

<script type="text/javascript">      
$(document).ready(function () {      
$(".gst").change(function () {    
                var inputvalues = $(this).val();    
                var gstinformat = new RegExp('^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z]1}[1-9A-Z]{1}Z[0-9A-Z]{1}$');    
                if (gstinformat.test(inputvalues)) {    
                    return true;    
                } else {    
                    alert('Please Enter Valid GSTIN Number');    
                    $(".gst").val('');    
                    $(".gst").focus();    
                }    
            });          
 });          
  </script>      
      
ASP Textbox        
<asp:TextBox ID="txtGST" MaxLength="15" runat="server" class="gst form-control mandatory" ClientIDMode="Static" placeholder="GST Reg No."></asp:TextBox>          
        
Html input type text        
<input type="text" class="gst" >    
Bank IFSC Code Validation

Here is a validation code for a bank IFSC code.

IFSC code format:

  • Starting 4 should be only alphabets[A-Z]
  • Remaining 7 should accept only alphanumeric

Code

<script type="text/javascript">    
$(document).ready(function(){     
        
$(".ifsc").change(function () {      
var inputvalues = $(this).val();      
  var reg = /[A-Z|a-z]{4}[0][a-zA-Z0-9]{6}$/;    
                if (inputvalues.match(reg)) {    
                    return true;    
                }    
                else {    
                     $(".ifsc").val("");    
                    alert("You entered invalid IFSC code");    
                    //document.getElementById("txtifsc").focus();    
                    return false;    
                }    
});      
    
});    
</script>    
    
IFSC : <input type="text" class="ifsc">    
PAN Number Validation

This post shows the code to validate a PAN number. Here is the Javascript code, just add the class "pan" in a text control.

PAN no. sample: ABCDE1234F

<script type="text/javascript">    
$(document).ready(function(){     
        
$(".pan").change(function () {      
var inputvalues = $(this).val();      
  var regex = /[A-Z]{5}[0-9]{4}[A-Z]{1}$/;    
  if(!regex.test(inputvalues)){      
  $(".pan").val("");    
  alert("invalid PAN no");    
  return regex.test(inputvalues);    
  }    
});      
    
});    
</script>    
    
PAN : <input type="text" class="pan">    

Thank you for reading! I hope this tutorial will surely help and you if you liked this tutorial, please consider sharing it with others.

You may also like: How to Validate an IP address using Javascript.

You may also like: How to Validate Phone Number with Javascript.

Angular 9 Tutorial: Learn to Build a CRUD Angular App Quickly

What's new in Bootstrap 5 and when Bootstrap 5 release date?

What’s new in HTML6

How to Build Progressive Web Apps (PWA) using Angular 9

What is new features in Javascript ES2020 ECMAScript 2020

jQuery vs Vanilla JavaScript - Beau teaches JavaScript

jQuery vs Vanilla JavaScript - Beau teaches JavaScript

When should you use jQuery instead of vanilla JavaScript? Is jQuery still relevant? What is jQuery good for? jQuery vs vanilla JavaScript - Beau teaches JavaScript

When should you use jQuery instead of vanilla JavaScript? Is jQuery still relevant? What is jQuery good for? Find out in this video!