How to enable and disable submit button using jQuery?


To enable and disable submit button, use the jQuery prop() method. You can try to run the following code to enable and disable submit button using jQuery −

Example

Live Demo

<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
    $(document).ready(function() {
      $('#register').click(function() {
        $(this).prop('disabled',true);
        $("#content").show();

        setTimeout(function(){
          $('#register').prop('disabled', false);
        },3000);

     });
   });
</script>
</head>
<body>

  <div id="btnregister" name="registerbtn">
    <input type="submit" value="Click me!" id="register" name="register"/>
  </div>

  <div style="display:none;" id="content">
    The above button disables for 3 seconds, on clicking.                
  </div>

</body>
</html>

Updated on: 20-Jun-2020

836 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements