Блог

У меня есть предупреждение в моей html-форме, как показано ниже

  <div class="alert bg-danger text-white alert-dismissible" id="alert" >
    <button type="button" class="close" data-dismiss="alert"><span>amp;times;</span></button>
    <span class="font-weight-semibold"><a href="#" class="alert-link" id="message">Please check your credentials</a>.
</div>
 

Когда пользователь отправляет форму, я проверяю ввод формы и на основе результата изменяю текст предупреждения, как показано ниже, с помощью jquery.

 $("#error").show();
$('#error').html('Invalid EmailId or Password !');
 

Он работает нормально, однако я хочу, чтобы класс оповещения был успешным при успешном входе в систему, я не понимаю, как я могу изменить класс с

 alert bg-danger text-white alert-dismissible
 

Для

 alert bg-success text-white alert-dismissible
 

Я пытаюсь так, но это не работает

 $("#alert").attr("alert bg-danger text-white alert-dismissible", "alert bg-success text-white alert-dismissible");
 

Дайте мне знать, если кто-нибудь здесь может помочь мне решить головоломку за меня.

Спасибо!

используйте elem.toggleClass() . нет необходимости заменять весь класс, просто переключайтесь между danger and success

 $("#alert").toggleClass("bg-danger bg-success");