Функции кнопки отправки

[alin]

Я тут пробую делать первые шаги в этом деле, короче.

Такая задача. Есть форма и есть кнопка "отправить", нужно сделать так, чтобы кнопка "отправить" - после первого нажатия - заблокировался и форма отправилась. Ато сейчас можно нажать 100500 раз на кнопу - и столько само раз отправитца ))

Ну задачу поняли?

[Malum]

Вставьте в тэг отправляемой формы:

onsubmit="document.getElementById('id кнопки, которая заблокируется').setAttribute('disabled', 'disabled');"

[rus]

Ну задачу поняли?

Да поняли, поняли босс..., ща погоди, метнемся по бырому и все чики-пуки сделаем, ок?

[alin]

извините пожалуйста за наглость

А можно мне объяснить это как тупому. вот мол форма - вот кнопка.

<form method="POST" action="--WEBBOT-SELF--">
	<!--webbot bot="SaveResults" U-File="file:///C:/Documents and Settings/Admin/Мои документы/Мои веб-узлы/_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
	<p><textarea rows="12" name="S1" cols="58"></textarea><input type="submit" value="Отправить" name="B1"><input type="reset" value="Сброс" name="B2"></p>
</form>

Нужно чтобы кнопка - "Отправить" - нажималась только один раз и залипала.

[Malum]

<form method="POST" action="--WEBBOT-SELF--" onSubmit="document.getElementsByName('B1').item(0).setAttribute('disabled', 'disabled'); setTimeout('document.getElementsByName(\'B1\').item(0).removeAttribute(\'disabled\')', 2000);">
        <!--webbot bot="SaveResults" U-File="file:///C:/Documents and Settings/Admin/Мои документы/Мои веб-узлы/_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
        <p><textarea rows="12" name="S1" cols="58"></textarea><input type="submit" value="Отправить" name="B1"><input type="reset" value="Сброс" name="B2"></p>
</form>

Примечание: я добавил метод setTimeout(), так как в некоторых браузерах (например, в Firefox), если пользователь отправит форму, а затем ему понадобится вернуться на страницу с формой (имеется ввиду, если он воспользуется кнопкой "Назад"), то кнопка "Отправить" по-прежнему будет неактивной. setTimeout это исправляет.

Edited February 22, 2012 by Malum

[alin]

$(function() {
$('form').live('submit', function(){
    $('input:submit, #gosend:button')
    .hide()
    .after('<span>Идет отправка, пожалуйста, подождите…</span>');
    });
});

Хм, пробую решить проблему через JS - скрипт, вроде бы все ок.