Перейти к содержимому



Отключение кнопки формы

#1 surfer

surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71
0

Отправлено 01 Август 2009 - 08:42

подскажите как реализуется такая фича, например человек заполняет форму и потом нажимает баттон, и он становится неактивны, пока идет передача данных, во избежании повторных нажатий?

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Управление активностью (enable) кнопки (submit)
  2. Помогите убрать форму входа при выключенном сайте
  3. Как защитить свой контент от воровства на WordPress
  4. Деактивация кнопки на определенное время
  5. Скрипт снега с выключателем

#2 ZiTosS

ZiTosS
  • Неактивные
  • 5 148 сообщений
  • Репутация: 8

Отправлено 05 Август 2009 - 11:39

document.getElementById('element').disabled = true;
По onClick делаем то что указано выше, а как действие будет выполнено, делаем то что ниже:
document.getElementById('element').disabled = false;

  • 0

#3 surfer

surfer
    Topic Starter
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 05 Август 2009 - 12:12

а это во всех браузерах работает?
  • 0

#4 ZiTosS

ZiTosS
  • Неактивные
  • 5 148 сообщений
  • Репутация: 8

Отправлено 06 Август 2009 - 23:01

sc2r2bey, во всех :)
  • 0

#5 surfer

surfer
    Topic Starter
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 07 Август 2009 - 13:42

и как сие добро вставить?


  • 0

#6 ZiTosS

ZiTosS
  • Неактивные
  • 5 148 сообщений
  • Репутация: 8

Отправлено 07 Август 2009 - 15:31

sc2r2bey, очень просто. Я так понимаю ты Ajax используешь?
тогда вот код на jquery примерочный.
function send()
{
	$("#send_but").attr("disabled", "true"); // как раз кнопка отправки действия с id = "send_but". Мы её деактивируем

	$.ajax({
		type: "POST",
		url: "[path|путь]",
		data: "[data|данные]",
		//после удачного завершения
		success: function() {
			$("#send_but").removeAttr("disabled"); // вернуть состояние аттрибута первоначальное(Мы её активируем)
		}
	});

}

  • 0


Оформление форума – IPBSkins.ru