Как проверить текстовое поле на конкретную фразу?

Question

[inuboh]

Подскажите пожалуйста в такой ситуации!
Есть текстовое поле, в которое нужно ввести ответ на вопрос, и кнопка отправить!
Как средствами HTML и JavaScript сделать так, чтобы при нажатии на кнопку отправить, следующую страницу открывало только при правильном ответе, а если ответ неправильный, выдавало сообщение о неправильном ответе?

Answer 1

[Константин Китманов]

В форме делаете input[type="text"] и button[type="submit"]. На форму вешаете обработчик события submit, в нем берете у инпута value и проверяете его на правильность.
Если правильно, из обработчика делаете return true, если нет — event.preventDefault() (по этой ссылке пример того, чего вы хотите), показываете ошибку и return false.

Если проверка на правильность асинхронная (AJAX-запрос на сервер), то все будет посложнее, но основной принцип такой же — перехватываем submit и проверяем.

Comments

[inuboh]

спасибо! А можете набросать простой рабочий пример (например 2+2=? если форме 4 значит на следующую страницу, если другой ответ то сообщение! ) Просто не силен в англ. а в примере на англ

[Константин Китманов]

inuboh: простите, нет:) Можете воспользоваться гуглопереводчиком, там всего-то несколько фраз, это не Шекспир.

[inuboh]

спасибо за хороший ответ!

Answer 2

[Евгений]

Даже не думайте делать этого на клиенте! Потому что я могу открыть код страницы и подсмотреть правильный ответ!

Comments

[inuboh]

Я тоже об этом думал, ну об этом не так много и знает, плюс для тех кто просто знает что можно ПКМ и открыть исходный код, я буду использовать скрипт для запрета ПКМ. Хотя я понимаю что и это не сложно обойти! Но это знают не все!
Или можете подсказать как защитится от этого?

[АртемЪ]

Евгений Откуда он там возьмется?

[Евгений]

Артем: как откуда? Написано же, как при помощи js это все проверить.

[Евгений]

inuboh: А почему сервер не участвует в проверке?

[АртемЪ]

Евгений: js скрипт отправляет запрос с текстом ответа на сервер, там происходит проверка и скрипт получает ответ - ок.
После чего, в зависимости от ответа js решает что делать дальше.

Answer 3

[Едуард В.]

По моему не получиться реализовать это только средствами HTML и JavaScript.
Я не знаток JavaScript, но..., как вы спрячете ответ от пользователя, его можно будет посмотреть в коде страницы?

Comments

[inuboh]

Да пусть даже можно будет! Все равно как это сделать?

[АртемЪ]

Едуард В. Зачем его прятать в коде страницы, если можно сделать запрос к серверу?

[Едуард В.]

Артем: Я в своем комментарии написал "Я не знаток JavaScript". К моему сожалению, я думал, что с помощью JavaScript нельзя сделать запрос к серверу.

[АртемЪ]

Едуард В.: Ну в моем понимании не знаток, это значит не профессионал в написании JavaScript кода.
А это относится скорее к общему пониманию функционирования современных веб сервисов.

[Едуард В.]

Артем: Извините, что не оправдал вашего понимания.

[АртемЪ]

Едуард В.: А чего извиняться?
Каждый понимает в меру своей испорченности.

Answer 4

[Роман]

Вообще то идеальный вариант ajax запрос к серверу. Ну а если уж совсем неохота обрабатывать с помощью сервера и пофигу что пользователь может посмотреть исходный код страницы то, делаете что то типа этого

<input type="hidden" name="answer" id="answer" value="Правильный ответ">

Ну и само собой js обработчик при получении данных от пользователя сравнит полученное с тем что в hidden и примет решение.