HTML Code: <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery.min.js"></script> <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta charset="utf-8"> <title>Text Input Validation</title> </head> <body> <strong>Enter any Data:<strong><br/> <input type="text" class="btn-lg btn-default" id="test"/> <span id='testvalid'></span> </body> </html> JQuery Script Code $(document).ready(function(){ //Blur Event checks the input field when it loses focus $('#test...