Question

遇到了问题。这是我的代码：

<html>

<body>
<form>
<p>13-7: <input id="in1" type="text"" /><input type="submit" onclick="check(6, 'in1', 'out1')" value="Tjek!"/></p>
<p id="out1"></p>
<p>20-7: <input id="in2" type="text"" /><input type="submit" onclick="check(13, 'in2', 'out2')" value="Tjek!" /></p>
<p id="out2"></p>



<script type="text/javascript">

function check(facit, input, output) {
    var answer, evaluation;
    answer = document.getElementById(input).value;
    evaluation = (answer == facit) ? "Correct" : "Wrong";
    document.getElementById(output).innerHTML = evaluation;
    return false;
}

</script>
</form>
</body>

</html>

当我点击提交按钮时，“正确/错误”仅显示片刻。我希望它留在网站上，有什么建议吗？

Answer 1

提交按钮正在提交您的表单（以便重新加载您的页面）。

将按钮更改为type="button"。

Answer 2

您的按钮是提交按钮（<input type="submit">），因此他们将提交表单并在每次点击时刷新页面。将您的按钮更改为<input type="button">。

Answer 3

更改onclick功能：

onclick="check(13, 'in2', 'out2')"

为：

onclick="return check(13, 'in2', 'out2')"

或者，如果您不希望提交表单，因为您有两个提交按钮，最好使用：

<input type="button" />

Answer 4

只需从此

更改onclick

onclick="check(6, 'in1', 'out1')"

到

onclick="check(6, 'in1', 'out1'); return false;"

对另一个人也这样做。

删除return false;功能上的check。

参考 LIVE DEMO

Answer 5

表格正在提交并与原始页面一起返回。

你想做什么？

I dont want it returned with the original page .. I want it to say 'correct' og 'wrong' below the input

如果您不想提交数据，请按照minitech的建议进行操作，将类型从提交更改为按钮。

如果要保存数据，则需要编写服务器端代码，然后创建填充了这些值的html（在服务器端。）

点击“提交按钮”后文字迅速消失

5 个答案: