Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.12.2016, 21:50
Профессор
Отправить личное сообщение для smart-create Посмотреть профиль Найти все сообщения от smart-create
 
Регистрация: 25.10.2016
Сообщений: 157

Удалить добавленый класс спустя 5 секунд
Добрый вечер! Не могу справиться с простой казалось бы задачей. Прошу помощи.

Есть скрипт для валидации формы:

$("form#client_form").submit(function(e){
	e.preventDefault();
	var f = this,
        s = $(f.elements).last(),
        e = s.end().slice(0, -1).removeClass('input-error').filter(function() {
            return !$.trim(this.value)
        });
    if(e.length) s.addClass('btn-error'), e.addClass('input-error');
	else {
		s.prop('disabled', 1);
        s.end().not(s);
		$.ajax({
			type: "post",
			url: "main_c/client",
			data: $(f).serialize(),
			success: function(data){
				f.reset();
				s.prop('disabled', 0);
				s.removeClass('btn-error');
				s.addClass('btn-success');
				e.removeClass('input-error');
			}
		});
	}
});


Здесь к кнопке добавляются классы "btn-success" в случае если форма заполнена и наоборот.

Нужно сделать что бы эти классы удалялись сами по себе спустя 5 секунд. Подскажите пожалуйста как это правильно организовать
Ответить с цитированием
  #2 (permalink)  
Старый 03.12.2016, 22:04
Аватар для Coriolan161
Профессор
Отправить личное сообщение для Coriolan161 Посмотреть профиль Найти все сообщения от Coriolan161
 
Регистрация: 21.11.2015
Сообщений: 440

smart-create,
Только это нужно положить туда где добавляешь и удаляешь классы
setTimeout(function () {
   // или добавить
   s.removeClass('btn-success')
 }, 5000);
Ответить с цитированием
  #3 (permalink)  
Старый 04.12.2016, 07:03
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,662

smart-create, в jquery стиле делается так:
s.addClass('btn-success').delay(5000).queue(function(){ $(this).removeClass('btn-success').dequeue() });
Ответить с цитированием
  #4 (permalink)  
Старый 05.12.2016, 08:16
Профессор
Отправить личное сообщение для smart-create Посмотреть профиль Найти все сообщения от smart-create
 
Регистрация: 25.10.2016
Сообщений: 157

Всем, спасибо за помощь
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Удалить добавленый класс спустя 5 секунд smart-create Общие вопросы Javascript 0 03.12.2016 19:07
Как удалить класс orange8031 Events/DOM/Window 18 06.05.2016 20:32
Добавить / удалить класс кликом fabrique Общие вопросы Javascript 4 03.09.2014 04:43
Как удалить класс у соседних элементов housewm Events/DOM/Window 4 11.03.2014 13:29
Удалить класс JQurey_API jQuery 2 10.12.2013 02:08