Disabling a submit button when clicking on it , will prevent the form from being submitted on Google Chrome [duplicate]

Instead disabling button in button's click event - disable it in form's submit event (you can check form for validity there as well).

This way it will work universally in all browsers.

<form action="http://www.microsoft.com">  <input class="btn-primary" type="submit" value="submit"/></form>$('form').submit(function() {  $('input.btn-primary').prop("disabled", "disabled");})

I just had the same issue that the Google Chrome was not fireing my submit event when the button got disabled via jQuery.

Background info: I have a form with a button that shall be disabled whenever clicked. So the PHP submit code is not called multiple times. That submit is running on a Drupal Backend, in my case as a custom submit_hook. But for sure working in any other CMS. But that's not the issue. The real issue is that the Javascript code is disabling the button and Google Chrome thinks that the button is totally dead and not just disabled. So it does not fire any code anymore.

But that issue is pretty easy to fix.

So this code is working on Firefox/IE:

(function($) {Drupal.behaviors.somebehaviour = {    attach: function(context, settings) {        $('#edit-submit').click(function (e) {            $('#edit-submit').val('Is saved...');            $('#edit-submit').prop('disabled', 'disabled');        });    }};})(jQuery);

and getting it running on Chrome as well, you need to add the line:

$(this).parents('form').submit();

so for this example it would finally be:

(function($) {Drupal.behaviors.somebehaviour = {    attach: function(context, settings) {        $('#edit-submit').click(function (e) {            $('#edit-submit').val('Is saved...');            $('#edit-submit').prop('disabled', 'disabled');            $(this).parents('form').submit();        });    }};})(jQuery);