how to disable submit button on form submit using Jquery?

Consider we have this HTML form
<form id="check" action="url.php" method="get"> 
<input name="username" />
<input id="submit" type="submit" />
</form>
Here the jquery code to disable submit button 

$('#check').submit(function(){
$('input[type=submit]', this).attr('disabled', 'disabled');
});

Most Popular

Customize wordpress register form wp_register()

<div>             <h3>Register for this site!</h3>             <p>Sign up now for the good stuff.</p>             <form method="post" action="<?php echo site_url('wp-login.php?action=register', 'login_post') ?>" class="wp-user-form">                 <div class="username">                     <label for="user_login"><?php _e('Username'); ?>: </label>                     <input type="text" name="user_login" value="<?php echo esc_attr(stripslashes($user_login)); ?>" size="20" id="user_login" tabindex="101" />             ...
Keep reading

What is difference between get and post method in php

What is HTTP? The Hypertext Transfer Protocol (HTTP) is designed to enable communications between clients and servers. HTTP works as a request-response protocol between a client and server. Two HTTP Request Methods commonly used for request-response between a client and server: GET and POST The GET Method Following example which shows you how to use get method. http://www.example.com/test/demo_form.php?name1=value1&name2=value2 Following are GET Request Method Points. 1. Request can be cached 2. Requests can be bookmarked 3. Requests remain in the browser history 4. Requests have length restrictions 5. Requests should be used only to retrieve data 6. Requests should never be used when dealing with sensitive data 7. Maximum path length of 2,048 characters 8. Data visible to everyone in URL. 9. GET is less secure compared to POST because data sent is the URL. Following are POST Request Method Points. 1. Requests are never cached 2. Requests do not remain in...
Keep reading

Disable/enable a form element using jQuery?

There are two ways to disable/enable form elements. Set the 'disabled' attribute to true or false: // Disable #x $('#x').attr('disabled', true); // Enable #x $('#x').attr('disabled', false); Add or remove the 'disabled' attribute: // Disable #x $("#x").attr('disabled', 'disabled'); // Enable #x $("#x").removeAttr('disabled');
Keep reading