Как сделать так, чтоб кнопку можно было нажать 1 раз?

Question

[Александр К]

Здравствуйте!
Столкнулся с проблемой на сайте, у меня есть форма отправки заявок на емайл и смс, дело в том, что когда отправляешь запрос выскакивает сообщение, что запрос отправлен и если еще нажать 10 раз на кнопку, то придет 10 писем и сообщений. С письмами не беда, а вот смс сервис баннит на некоторое время и я могу пропустить заявки.
Как сделать так, чтоб можно было нажать 1 раз на кнопку? Существуют ли способы на css или html, чтоб кнопка отключалась для повторного нажатия?

Буду очень признателен тому кто поможет с этим вопросом.

Answer 1

[Тимур Сергеевич]

Нужно еще серверную защиту продумать! Ибо кнопочка для некоторых людей не проблема)

Comments

[ColdSpirit]

Думаю привинченного к кнопке токена будет достаточно)

Answer 2

[riot26]

на JS:

<button id="onetime">одноразовая кнопка</button>
<script>
window.onload = function() {
    document.getElementById("onetime").onclick = function() {
	     this.disabled = 'disabled';
    }
}
</script>

Comments

[Александр К]

спасибо

[Александр К]

Затеситровал, кнопка теперь отказывается работать, подозреваю за счет прописанного кода в кнопке onClick="sendRequest('do_order'); как выйти из ситуации?

[soface]

onclick="this.disabled='disabled';sendRequest('do_order');"

[Александр К]

soface: Спасибо, всё заработало без скрипта. Очень благодарен!

[riot26]

privetizkosmosa: не без скрипта. Всё что в onclick -- скрипт

[Александр К]

Спасибо, отмечу решением... Посмотрите пожалуйста последнее сообщение в этой теме, там я столкнулся с новой проблемой, которую почему то не продумал, когда писал вопрос.

Answer 3

[Uwe_Boll]

как писалось выше

Сразу после первого клика делайте ей статус disabled.

и посылай куку

Answer 4

[Радость моя]

Сразу после первого клика делайте ей статус disabled.

Comments

[Hello World]

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

Answer 5

[Александр К]

Раз уж затронул эту тему: Да, сейчас кнопка работает один раз, но существует проверка заполнена ли форма. Можно ли сделать так, чтоб кнопка отключалась только при успешной отправке?

Что-то типа, если появляется span order_success, то кнопка отключается, иначе нет?:

<span id="order_error" style="color:#red;"></span>
<span id="order_success" style="color:green;"></span>

Не дошли руки изучить js, теперь мучаюсь

Comments

[riot26]

попробуйте
onclick="sendRequest('do_order'); if(document.getElementById('order_success')){ this.disabled='disabled'; } "