javascript - 仅在表格全部填写时激活按钮

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>

标签： javascriptjqueryhtmlbutton

Answer 1

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

在成功验证每个元素后，不断更新此变量值，并在循环结束时，如果仍然为真，则激活 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;
}