Question

I want to write a script that disable all the submit buttons when the user click on them, i wrote the following Jquery script that will be avilable on all the views , but it did not work:-

$(document).ready(function () {
    $(":input[type=submit]").click({
        this.attr('disabled', 'disabled');

    });
})

So what is wrong wiht my code?
BR

Answer 1

$(document).ready(function () {
    $("input[type='submit']").click(function() {
         $(this).prop('disabled', true);
    });
});

or

$(document).ready(function () {
    $("input[type='submit']").click(function() {
         this.disabled = true;
    });
});

If the submit button is submitting a form, you will have to prevent the default action that will reload the page:

    $("input[type='submit']").click(function(e) {
         e.preventDefault();
         $(this).prop('disabled', true);
    });
});