Неактивная кнопка после выполнения скрипта

@MaxiRush · Регистрация: 24.03.2015

Студворк — интернет-сервис помощи студентам

Добрый день, друзья. Рылся, рылся я в интернете несколько дней, не помогло. Обращаюсь к Вам: на сайте есть форма обратной связи, но проблема в том, что можно хоть 25 раз нажать оправить - и на почту придет 25 сообщений. Думал, думал как решить, лучшее, что пришло в голову - реализовать через onclick неактивную кнопку(т. е. после одного нажатия кнопка становится неактивной). Однако в таком случае после нажатия кнопка просто становится неактивной, а отправка письма не происходит. Форумчане, помогите хоть советом, что можно сделать.
Сам скрипт

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 <script>
document.getElementById('feedback-form').onsubmit = function(){
  var http = new XMLHttpRequest();
  http.open("POST", "/contacts.php", true);
  http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  http.send("nameFF=" + this.nameFF.value + "&contactFF=" + this.contactFF.value + "&messageFF=" + this.messageFF.value);
  http.onreadystatechange = function() {
    if (http.readyState == 4 && http.status == 200) {
      alert(http.responseText + ', Ваше сообщение получено.\nНаши специалисты ответят Вам в течении 2-х дней.\nБлагодарим за интерес к нашей фирме!');
    }
  }
  http.onerror = function() {
    alert('Извините, данные не были переданы');
  }
  return false;
  
}
</script>

Форма обратной связи

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<form method="POST" id="feedback-form" style="text-align: center">
<input type="text" name="nameFF" required placeholder="Ваше имя" x-autocompletetype="name">
<input type="email" name="contactFF" required placeholder="Email для связи" x-autocompletetype="email">
<textarea name="messageFF" required rows="5" placeholder="Сообщение"></textarea>
<input type="submit" value="Отправить" onclick="this.disabled=true;">
<div  class="social1">
<a href="#" class="goodshare" data-type="vk"> <img src="/bitrix/js/goodshare/icons/vk.png"></a>
<a href="#" class="goodshare" data-type="ok"> <img src="/bitrix/js/goodshare/icons/ok.png"></a>
<a href="#" class="goodshare" data-type="fb"> <img src="/bitrix/js/goodshare/icons/fb.png"></a>
</div>
<div  class="social2">
<a href="#" class="goodshare" data-type="tw"> <img src="/bitrix/js/goodshare/icons/tw.png"></a>
<a href="#" class="goodshare" data-type="gp"> <img src="/bitrix/js/goodshare/icons/gp.png"></a>
<a href="#" class="goodshare" data-type="li"> <img src="/bitrix/js/goodshare/icons/li.png"></a>
</div>
</form>

Файл contacts.php

PHP
1
2
3
4
5
6
7
8
<?
if (array_key_exists('messageFF', $_POST)) {
mail ("*********@gmail.com",
        "Обращение с сайта *******",
        "Имя: ".$_POST['nameFF']."\nEmail: ".$_POST['contactFF']."\nСтраница: ".$_SERVER['HTTP_REFERER']."\nСообщение: ".$_POST['messageFF']);
echo $_POST['nameFF'];
}
?>

@Jewbacabra · 24.03.2015, 16:41

MaxiRush, а если у submit убрать onclick, форма отправляется?

@MaxiRush · 24.03.2015, 16:45 **[ТС]**

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

@Jewbacabra · 24.03.2015, 16:47

MaxiRush, тогда должно помочь:

HTML5
1
<input type="submit" value="Отправить" onclick="this.disabled=true;this.parentNode.onsubmit();">

@MaxiRush · 24.03.2015, 16:49 **[ТС]**

Спасибо. Попробую, отпишусь о результате.

@Jewbacabra · 24.03.2015, 16:50

Сообщение от MaxiRush

В идеале - когда происходит попытка второй раз отправить письмо - высвечивалось сообщение, мол подождите 5 минут, защита от спама.

В таком случае лучше на стороне сервера сохранять email и время отправления, если новое письмо с тем же адресом и прошло меньше 5 минут, то не отправлять. js не составит труда обойти.

@MaxiRush · 25.03.2015, 11:07 **[ТС]**

Сообщение от Jewbacabra

MaxiRush, тогда должно помочь:

HTML5
1
<input type="submit" value="Отправить" onclick="this.disabled=true;this.parentNode.onsubmit();">

Действительно работает. Но x-autocompletetype теперь не проверят заполнение полей))

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

@Jewbacabra 4925 / 3920 / 1620 Регистрация: 24.04.2014 Сообщений: 11,441
	24.03.2015, 16:41
	MaxiRush, а если у submit убрать onclick, форма отправляется? 0

@MaxiRush 0 / 0 / 0 Регистрация: 24.03.2015 Сообщений: 5
	24.03.2015, 16:45 [ТС]
	Да, работает. Просто нужно, чтобы не было возможности отправить подряд несколько писем. В идеале - когда происходит попытка второй раз отправить письмо - высвечивалось сообщение, мол подождите 5 минут, защита от спама. Но я не особо силен в знании кода, вот и прошу помощи. 0

@MaxiRush 0 / 0 / 0 Регистрация: 24.03.2015 Сообщений: 5
	24.03.2015, 16:49 [ТС]
	Спасибо. Попробую, отпишусь о результате. 0