2016-05-29 4 views
-1

空の入力フィールドを探しています。入力フィールドを検証する

<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> 

助けてください!:)の入力フィールドが間違っているものを 空の場合、それは表示されません? onenullまたはundefinedですが、入力フィールドが空の場合、その後、.valueは空の文字列ではなく、nullundefinedであれば、私は、入力フィールドが

+0

なぜ '1 == null'なのでのようなものを使用する必要がありますか?代わりに '===" "を使用してください。 –

答えて

0

one == null空になっているかどうかを確認しようとしています がわかります。

代わりに、あなたは

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 
+0

ありがとう、高速回答:) :) –

関連する問題