How to enable and disable submit button using jQuery?

jQueryWeb DevelopmentFront End Technology

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>
raja
Updated on 20-Jun-2020 07:15:21

Advertisements