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