Как я могу добавить имя класса к существующему имени класса кнопки при событии нажатия в JavaScript? ⇐ Jquery

[Anonymous]

У меня есть форма, которая отправляет электронное письмо при нажатии кнопки. Однако во время отправки электронного письма кнопка остается активной, позволяя пользователям нажимать ее несколько раз, что прерывает процесс отправки электронного письма. Я хочу добавить к кнопке «отключенный» класс сразу после ее нажатия. Я попытался добиться этого с помощью следующего кода, но он не работает.
Пожалуйста, помогите мне решить эту проблему. Я попробовал следующие коды

Enroll New Admin

// JS & Jquery Code that I Tried are in the following order

// First Attempt - didn't work

$(document).ready(function(){
$("#authoriseUser").on('click',function(){
$(this).removeClass('btn btn-primary')
$(this).addClass('btn btn-primary disabled')
});
});


//Second Attenpt - didn't Work

$(document).ready(function(){
$("#authoriseUser").on('click',function(){
$(this).removeClass('btn btn-primary').addClass('btn btn-primary disabled');
});
});


//Third Attempt - Didn't Work

$(document).ready(function(){
$("#authoriseUser").on('click', function(){
$(this).addClass('disabled').attr('disabled', true);
});
});



Подробнее здесь: https://stackoverflow.com/questions/784 ... lick-event