Post
Ask Question

Disable Button and Submit button after One Click using JavaScript and jQuery

1. Disable Submit button after click using JavaScript. 
  1. <html xmlns="http://www.w3.org/1999/xhtml">  
  2.   
  3. <head>  
  4.     <title></title>  
  5. </head>  
  6.   
  7. <body>  
  8.     <form> <input type="button" id="btn" value="Button" /> <input type="submit" id="btnSubmit" value="Submit" />  
  9.         <script type="text/javascript">  
  10.             window.onbeforeunload = function()  
  11.             {  
  12.                 var inputs = document.getElementsByTagName("INPUT");  
  13.                 for (var i = 0; i < inputs.length; i++)  
  14.                 {  
  15.                     if (inputs[i].type == "button" || inputs[i].type == "submit")  
  16.                     {  
  17.                         inputs[i].disabled = true;  
  18.                     }  
  19.                 }  
  20.             };  
  21.         </script>  
  22.     </form>  
  23. </body>  
  24.   
  25. </html>   
2. Disable Submit button after click using jQuery. 
  1. <html xmlns="http://www.w3.org/1999/xhtml">  
  2.   
  3. <head>  
  4.     <title></title>  
  5. </head>  
  6.   
  7. <body>  
  8.     <form> <input type="button" id="btn" value="Button" /> <input type="submit" id="btnSubmit" value="Submit" />  
  9.         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>  
  10.         <script type="text/javascript">  
  11.             $(window).on('beforeunload', function()  
  12.             {  
  13.                 $("input[type=submit], input[type=button]").prop("disabled", "disabled");  
  14.             });  
  15.         </script>  
  16.     </form>  
  17. </body>  
  18.   
  19. </html>