Jquery Validation Onblur Example - Jquery

How to validate a textfield onblur?

Snippet Code

Rate this page :
  [ 0 votes]

Jquery validation form is used to validate a form. Here, the validation of a form field is done through onblur. The sample code to validate using onblur is given below.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script> $(document).ready(function(){ $("#txt1").blur(function(){ if ($("#txt1").val()=='') { alert("Enter Name"); } }); $("#txt2").blur(function(){ if ($("#txt2").val()=='') { alert("Enter College"); } }); $("#txt3").blur(function(){ if ($("#txt3").val()=='') { alert("Enter Department"); } }); $("#btn").click(function(){ if ($("#txt1").val()=='') { alert("Enter name"); } else if ($("#txt2").val()=='') { alert("Enter college"); } else if ($("#txt3").val()=='') { alert("Enter department"); } else{ alert("Thank you!!"); } }); }); </script> <form> <table align='center'> <caption><b>Demo Form</b></caption></br> <tr> <td><b>Name : </b></td><td><input type='text' id='txt1'></td> </tr> <tr> <td><b>College :</b></td><td><input type='text' id='txt2'></td> </tr> <tr> <td><b>Department :</b></td><td><input type='text' id='txt3'></td> </tr> <tr> <td></td> <td><input type='button' value='Submit' id='btn'></td> </tr> </table> </form>


Ask Questions

Ask Question