提交正确答案的按钮？答案

【问题标题】：Submit Button for Right Answer?提交正确答案的按钮？
【发布时间】：2020-10-10 08:03:03
【问题描述】：

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

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

任何关于从哪里开始的建议将不胜感激！

【问题讨论】：

通常你应该检查服务器。否则用户可以查看代码，看看哪个是正确的答案。
但是你可以设置提交按钮的disabled属性来阻止提交表单。当他们输入正确答案时，您将删除该属性。

标签： javascript html forms button submit

【解决方案1】：

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

【讨论】：

【解决方案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";
}  
}

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

【讨论】：

【解决方案3】：

你可以这样使用：

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属性获取用户输入。

【讨论】：

在提交时需要使用return check()。