仅当表单全部填写时激活按钮

Question

我想在"输入入学年份"部分添加一个数字规则。

必须输入 250-1000 之间的数字。

添加错误的数字时，应禁用该按钮。

你能帮我这个吗？必须输入 250-1000 之间的值

<form role="form" id="contentHoldEdu" method="post">
<input id="Name" type="text" name="name" data-required="1" class="form-control"/>
<br>
<br>
<button class="btn btn-primary" id="Save" type="button">submit</button>
</form>

Answer 1

你需要在 js 中创建一个变量status = false。

成功验证每个元素后，继续更新此变量值，并在循环结束时，如果它仍然为 true，则激活 BTN，否则让它被停用。

因此，如果它被停用(默认情况下是这样(，则提交时不会发生任何事情，提交将正常工作。

如下所示的内容应该适合您，尽管在您的脚本中

var status = true;
function on()
{
if(document.getElementById("miktar").value.length == 0){
status &= true;
}
else{
status = false;
}
if(document.getElementById("saat").value.length == 0){
status &= true;
}
else{
status = false;
}
if(document.getElementById("dakika").value.length == 0){
status &= true;
}
else{
status = false;
}
if(document.getElementById("kadi").value.length == 0){
status &= true;
}
else{
status = false;
}
document.getElementById("submit").disabled = status;
}