Как я могу переключить скрытый элемент на основе пользовательского ввода (текстовое поле)?

Question

Я ищу хороший способ показать скрытый элемент (div) на основе конкретного ввода в поле формы. Приложение представляет собой форму заказа, которая не использует какую-либо базу данных. Я хочу, чтобы пользователи вводили код купона, и, если он совпадает, появляется div (который содержит то, что необходимо для скидки). А если он не совпадает, он либо ничего не делает, либо загружает другой скрытый элемент, либо выдает сообщение типа «неверный код».

PHP предпочтительнее, но я открыт для всего. Я не вижу, как текстовое поле, в котором пользователи вводят код, должно быть отправлено с помощью кнопки «Отправить», поскольку при этом будет отправлена ​​форма заказа. Это не критично, что скидка является 100% секретом. Другими словами, если они захотят просмотреть исходный код, чтобы узнать, смогут ли они выяснить, есть ли скидка, они заработали ее.

Я думал об использовании встроенной рамки для простоты, но я не думаю, что это сработает.

Answer 1

Вы можете использовать функцию input oninput для просмотра введенного значения.На каждое нажатие клавиши вы можете позвонить, чтобы увидеть, соответствует ли он купону.Если коды купонов всегда имеют длину «х», вы можете выполнять вызов только тогда, когда значение достигает этой длины (если вы не хотите звонить при каждом нажатии клавиши).

Кроме того, вы можете использовать button и использовать его атрибут onclick.Это будет та же идея, что и выше, просто вместо того, чтобы делать вызов при каждом нажатии клавиши, вы будете делать вызов только по нажатию кнопки.

Как только значение совпадет, просто установите скрытый div из "display:нет отображения "to": block "или что-то в этом роде.

oninput ссылка

onclick ссылка