кнопка отправки недоступна

Question

У меня есть кнопка отправки в форме, которая очень важна.Я не хочу, чтобы пользователи нажимали на него более одного раза.Есть ли способ сделать его неактивным или недоступным после щелчка по нему?(может быть, событие при нажатии?).Мой простой код ниже

<form method='POST'  action='index.php'>
<input type='text' name='text' id='text'>
<input type ='submit' value='submit' name='submit'>
</form>

Answer 1

Вы можете использовать событие onclick, чтобы захватить кнопку и установить для ее свойства disabled значение true.

<input type ='submit' value='submit'
       id="my_submit_button"  name='submit' 
       onclick="document.getElementById('my_submit_button').disabled = 'disabled'">

Синтаксис атрибута disabled довольно глуп, поэтому он не логический, я не знаю, но он такой:

http://www.w3schools.com/tags/att_input_disabled.asp

Answer 2

Просто добавьте следующий атрибут onClick к вашей кнопке:

<input type="submit" value="submit" name="submit" 
onclick="
  if(!submitted) {
    this.value = 'Please wait...';
    this.disabled = true;
    submitted = true;
    return true;
  } else {
    return false;
  }
">