javascript - 按键组合

Question

我想在 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>

Answer 1

据我了解，只有在输入正确的情况下您才想转到下一页，然后检查一下。我创建了一个 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>