gpt4 book ai didi

javascript - 按键组合

转载 作者:行者123 更新时间:2023-11-28 16:51:24 25 4
gpt4 key购买 nike

我想在 type="number" 文本框中获取用户的输入。限制是 1994-1998 之间的数字。我目前有两个按钮。一个“提交”按钮和第二个(“按钮”)按钮可转到下一个屏幕。我想将 2 个按钮合二为一。这意味着一旦我点击“移至下一页”按钮,输入也会被选中。只有正确输入,您才能移动到下一个屏幕。 如果可能的话,宁愿只用 HTML 而少用 JavaScript。如果没有选项,那么也可以使用 JavaScript。

function check () {
console.log('Checked!');
}
<div>
between 1994 and 1998: <input id="section5input" type="number" name="quantity" min="1994" max="1998">
<input type="submit">
<a href="#section6" type="button" class="btn">Calculate the answers!</a>
</div>
</div>
<div class="box" id="section6">
<h1>fin!</h1>
<div class="question-text">
<input style="padding: 20px;" type="button" class="btn" onclick="check();">check!!!
</div>
</div>

最佳答案

据我了解,只有在输入正确的情况下您才想转到下一页,然后检查一下。我创建了一个 form 并将您的 html 放入其中。现在提交按钮只有在 check 函数返回 true 时才会起作用。

function check(){
//return true, if correct
//return false, if incorrect
return true;
}
<form action='yourURLforNextPage' method="POST">
Between 1994 and 1998:
<input id="section5input" type="number" name="quantity" min="1994" max="1998">
<input type="submit" onclick="return check();">
</form>

关于javascript - 按键组合,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58889937/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com