将表单填写为html时使按钮可单击

Question

我用html制作了一个表格，希望用户在填写某些字段时能够按提交。 因此，我的按钮一开始就被禁用，但是由于某种原因，当填充内容时，我的按钮无法单击。
这是我的html中的表格：

 <fieldset>
        <legend>U gegevens</legend>
        <form name="signup" action="index.html" method="post">
            <ul>
                <li> <label>Naam</label>
                    <input type="text" name="name" size="30" />
                </li>
                <li> <label>Voornaam</label>
                    <input type="text" name="voornaam" size="30" />
                </li>
                <li> <label>Adress</label>
                    <input type="text" name="adress" size="30" />
                </li>
                <li> <label>Gemeente</label>
                    <input type="text" name="gemeente" size="30" />
                </li>
                <li> <label>Postcode</label>
                    <input type="text" name="postcode" size="30" />
                </li>
                <li>
                <p>Ik wens een alternatief facturatieadres <input type="checkbox" id="be1"onclick="if(this.checked){displayFac()}"></p>
                </li>
                <li style="display:none;" id="fac1"> <label >Adress</label>
                    <input type="text" size="30" />
                </li>
                <li style="display:none;" id="fac2"> <label >Gemeente</label>
                    <input type="text" size="30" />
                </li>
                <li style="display:none;" id="fac3"> <label>Postcode</label>
                    <input type="text" size="30" />
                </li>
                <li>
                <p>Ik wens een alternatief leveringsadress <input type="checkbox" id="be2" onclick="if(this.checked){displayLe()}"></p>
                </li>
                <li style="display:none;" id="le1"> <label >Adress</label>
                    <input type="text" size="30" />
                </li>
                <li style="display:none;" id="le2"> <label>Gemeente</label>
                    <input type="text" size="30" />
                </li>
                <li style="display:none;" id="le3" > <label>Postcode</label>
                    <input type="text" size="30" />
                </li>
                <li><label for="submit"></label>
                    <button type="submit" id="submit" disabled>Verzenden</button>
                </li>
            </ul>
        </form>
    </fieldset>

这是我用来检查是否填充了一些东西的javascript：

function validateForm()
{
  while (true){
    var a=document.forms["signup"]["name"].value;
    var b=document.forms["signup"]["voornaam"].value;
    var c=document.forms["signup"]["adress"].value;
    var d=document.forms["signup"]["gemeente"].value;
    var e=document.forms["signup"]["postcode"].value;
    if (a!=null && a!="" && b !=null && b!="" && c!=null && c!= "" && d!=null && d!=""   && e!=null && e!="")
    {
        document.getElementById("submit").disabled=false;
    }
 }

}

提前致谢！

Answer 1

从validateForms（）函数中删除while循环，并在每个输入onblur事件以及复选框被选中时调用它。 希望这可以帮助。

Answer 2

尝试这个：

function validateForm()
{

    var a=document.forms["signup"]["name"].value;
    var b=document.forms["signup"]["voornaam"].value;
    var c=document.forms["signup"]["adress"].value;
    var d=document.forms["signup"]["gemeente"].value;
    var e=document.forms["signup"]["postcode"].value;
    if ( a!="" &&  b!="" &&  c!= ""  && d!=""    && e!="")
    {
        document.getElementById("submit").disabled=false;
    }


}