Кнопка "Отправить" для правильного ответа?

Question

Застрял на чем-то, что, как я думал, будет довольно простым.

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

Мы будем очень признательны за любые предложения о том, с чего начать!

Answer 1

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

Answer 2

Вы можете использовать что-то вроде этого:

function check() {
  var correctAnswer = "4";
  var inputValue = document.getElementById("ELEMENT_ID").value;

  if(inputValue !== correcetAnswer) {
    return false;
  };
};

HTML:

<form onsubmit="return check()">

</form>

Просто запустите функцию с атрибутом onsubmit, и функция вернет false, если ответ неверный. Используйте свойство value поля ввода, чтобы получить данные, вводимые пользователем.

Answer 3

Как вы писали, можно отключить кнопку, если ответ неправильный. Итак, вы не указали код. Итак, я показываю только пример:

Мы будем использовать javascript для этого. Давайте создадим форму

<form method="post">
 <input type="text" id="question1" onchange="check()">
<input type="submit" id="submit">
</form>

Мы запускаем функцию js каждый раз, когда пользователь вносит какие-либо изменения в текст.

Javascript function:

function check(){
var correctAns = 2;
var input = document.getElementById('question1').value;
var btn = document.getElementById('submit');

if(input == correctAns){
btn.disabled = "false"; 
}else{
btn.disabled = "true";
}  
}

Таким образом, вы не сможете нажать кнопку, если дадите неверный ответ. Надеюсь это поможет!