按钮组合

Question

我想在type="number"文本框中获得用户的输入。限制是1994-1998年间的一个数字。我现在有两个按钮。一个"提交"按钮和第二个("按钮"(按钮进入下一个屏幕。我想把这两个按钮合在一起。这意味着，只要我单击"移动到下一页"按钮，输入也会被选中。只有经过适当的输入，您才能移动到下一个屏幕。如果可能的话，我宁愿只使用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>

Answer 2

function check(){
let val = document.getElementById("section5input");
if((val.value!= "" && null) && (val.value> 1994 && val.value<1998) ){
//code to render to next screen
}
}