驗證輸入字段

Question

我正在嘗試找到空的輸入字段！！！

    <div style="float: left; margin: 5px;">
    <p style="margin-left: 50%;">x</p>
    <input id="myInput1" type="number">
    </div>

    <div style="float: left; margin: 5px;">
        <p style="margin-left: 50%;">y</p>
        <input id="myInput2" type="number">
    </div>

    <button style="margin-top: 55px;" onclick="validate1()">some things</button>

     <script> 

    function validate1(){
    var one = document.getElementById("myInput1").value;
    var two = document.getElementById("myInput2").value;
    if(one == null)
    alert("missing data in x");
    else if (two == null)
    alert("missing data in y");
    else 
    alert("yes, it works");
}
       </script> 

請幫忙！:) 如果輸入字段為空，它不顯示是什么問題？？？ 我想知道輸入字段是否為空

Answer 1

one == null告訴您one是null還是undefined ，但如果輸入字段為空，則.value是空字符串，既不是null也不是undefined 。

相反，你應該使用類似的東西

if(one === '') // compare with empty string directly, I recommend this

if(!one) // check if "falsy" (which for strings mean empty)

if(one.length === 0) // check if string has no length