JavaScript 检查总和是否正确

Question

我想要 javascript 检查用户是否对 php 生成的两个随机数给出了正确答案。用户在提供的文本框中手动输入号码。

<input id="number1" name="number1" readonly="readonly" class="Add" value="<?php echo rand(1,4) ?>" /> + 
<input id="number2" name="number2" readonly="readonly" class="Add" value="<?php echo rand(5,9) ?>" /> =
<input type="text" name="answer" id="number" class="number" maxlength="2" />
<span id="comment"><div class="Lable">Please give the correct answer to the sum</div></span>

JavaScript

<script language="JavaScript">

function validate()
{

if (Contact.answer.value == Contact.number1.value + Contact.number2.value)
{
    alert("Wrong answer number")
    return false
}

return true;

}



</script>

我想试一试，但我的 JavaScript 技能几乎不存在

Answer 1

我假设您在表单的 submit 事件(即 onsubmit="validate()")上调用了 validate()。如果没有，您将需要以某种方式调用该函数。

其次，你的逻辑是错误的。您正在检查答案是否正确(这就是 == 所做的)，然后在正确时告诉用户它不正确，在不正确时允许它。

改变你的逻辑如下:

function validate()
{
    if((parseInt(Contact.number1.value) + parseInt(Contact.number2.value)) == Contact.answer.value)
    {
        return true;
    }   

    alert("Wrong answer number")
    return false
}

请注意，我们还使用了 parseInt()以防止 JavaScript 将值视为字符串，然后将它们与 + 文字连接。如果我们不使用 parseInt()，JavaScript 会将 6 和 4 解释为 64，而不是 10。