提交正确答案的按钮？

Question

卡在了一些我认为很简单的事情上。

我正在尝试创建一个表单，系统会向您提问，您需要输入正确的答案并提交。所以我需要制作一个提交按钮，只有在某种文本字段中输入了准确的值时它才有效。如果答案不同，那么按钮应该什么都不做（或者发出声音之类的）。

如有任何关于从何处着手的建议，我们将不胜感激！

Answer 1

你可以这样使用：

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

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

HTML:

<form onsubmit="return check()">

</form>

只需运行一个具有 onsubmit 属性的函数，如果答案错误则函数 return 为 false。使用输入框的value属性获取用户输入

Answer 2

如您所写，如果答案错误，您可以禁用该按钮。现在，您还没有提供任何代码。所以，我只展示一个例子：

我们将为此使用 javascript。让我们创建一个表单

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

我们是运行一个 js 函数，每当用户对文本进行一些更改时。

Javascript 函数：

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";
}  
}

因此，如果您提供了错误的答案，您将无法按下按钮。希望这可以帮助！

Answer 3

您首先需要在 JavaScript 中创建一个函数，例如存储正确答案的 CorrectAnswer，然后当用户点击它时，您需要在需要的地方使用 on click在脚本检查正确答案的地方使用 CorrectAnswer id。

提交正确答案的按钮？

Submit Button for Right Answer?

html

javascript

forms

submit

button