单击“提交按钮”后，文本会迅速消失

text disappears rapidly after click on 'submit-button'

本文关键字：文本 消失 提交 按钮 提交按钮 单击      更新时间：2023-09-26

有问题。 这是我的代码：

<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>

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

提交按钮正在提交您的表单（因此请重新加载您的页面）。

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

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

将 onclick 函数从：

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

自：

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

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

<input type="button" />

只需从此更改点击

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

自

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

对另一个也做同样的事情。

删除check功能上的return false;。

参考现场演示

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

你想做什么？

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

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

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

相关文章：