jQuery Disable Button Until Ajax Request Complete
Today, We want to share with you jQuery Disable Button Until Ajax Request Complete.
In this post we will show you jquery disable submit button until form complete, hear for Enable Disable Submit Button using jQuery we will give you demo and example for implement.In this post, we will learn about Disable Button Until Ajax Request Is Complete with an example.
HTML jQuery Form data is submitted to Ajax call server by btn clicking on Submit form button, always user clicks it directlt twice more than once, which some populer trigger results in multiple form Data submission to PHP server.
[php]
Enable Disable Submit Button using jQuery
[/php]
Put $(“#start_ajax_req”).attr(“disabled”, false); inside the success function:
[php]
$(“#start_ajax_req”).click(function() {
$(“#start_ajax_req”).attr(“disabled”, true);
$.ajax({
url: ‘http://infinityknow.com/jQueryTest/test.json’,
data: {
action: ‘StudentInfo’
},
type: ‘post’,
success: function(response){
//success process here
$(“#success+display”).delay(1000).fadeOut(800);
$(“#start_ajax_req”).attr(“disabled”, false);
},
error: errorhandler,
dataType: ‘json’
});
});
[/php]
We hope you get an idea about jQuery Disable Button Until Ajax Request Complete
We would like to have feedback on my Information blog .
Your valuable any feedback, Good question, Inspirational Quotes, or Motivational comments about this article are always welcome.
If you liked this post, Please don’t forget to share this as Well as Like FaceBook Page.
We hope This Post can help you…….Good Luck!.
