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
Published on 30-Jul-2018 19:30:15
Advertisements