JQuery Check Textbox Value is Empty or Null

  1. <html xmlns="http://www.w3.org/1999/xhtml">  
  2.   
  3. <head>  
  4.     <title>jQuery Check if string empty or null</title>  
  5.     <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>  
  6.     <script type="text/javascript">  
  7.         $(function() {  
  8.             $('#btnCheck').click(function() {  
  9.                 var txt = $('#txtName');  
  10.                 if (txt.val() != null && txt.val() != '') {  
  11.                     alert('you entered text ' + txt.val())  
  12.                 } else {  
  13.                     alert('Please enter text')  
  14.                 }  
  15.             })  
  16.         });  
  17.     </script>  
  18. </head>  
  19.   
  20. <body>  
  21.     <div>  
  22.         Enter Text:  
  23.         <input type="text" id="txtName" />  
  24.         <input type="button" id="btnCheck" value="Check" />  
  25.     </div>  
  26. </body>  
  27.   
  28. </html>