提交正确答案的按钮？

Posted 2023-02-22

【中文标题】提交正确答案的按钮？

【英文标题】：Submit Button for Right Answer?

【发布时间】：2020-10-10 08:03:03

【问题描述】：

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

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

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

【问题讨论】：

通常你应该检查服务器。否则用户可以查看代码，看看哪个是正确的答案。

但是你可以设置提交按钮的disabled属性来阻止提交表单。当他们输入正确答案时，您将删除该属性。

【参考方案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()。