2017-02-25 117 views
0

所以我有一個登錄表單即時通訊製作,我想測試如果輸入是空的或沒有。 我沒有收到錯誤,但是當我提交時忽略了onsubmit。 有幫助嗎?窗體onsubmit不能正常工作

這是我的表格:

<form onsubmit="return ifEmpty();" action="login1.php" method="post" id="loginform" accept-charset="UTF-8"> 
        <div style="vertical-align: top;" dir="rtl"> 
         <label dir="rtl" class="labels">שם משתמש/אימייל</label> 
         <br> 
         <br> 
         <input name="unameemail" id="username" type="text"> 
        </div> 
        <div style="display: block;vertical-align:top;" dir="rtl"> 
         <br> 
         <label dir="rtl" class="labels">סיסמה</label> 
         <br> 
         <br> 
         <input name="password" id="passwordin" type="password"> 
        </div> 
        <div> 
        <br> 
         <br> 
         <br> 
         <input class="btn" type="submit" name="submitone" onclick="" value="login"> 
        </div> 
       </form> 
      </div> 

和我的JS:

<script type="text/javascript"> 
      function ifEmpty() { 

       if (document.getElementById("username") == "") { 

        document.getElementById("username").style.backgroundColor = "red"; 
        document.getElementById("username").style.color = "white"; 
        document.getElementById("username").className += " invalidform"; 
        return false; 
       } else if (document.getElementById("passwordin") == "") { 
        document.getElementById("username").style.backgroundColor = "white"; 
        document.getElementById("username").style.color = "black"; 
        document.getElementById("password").style.backgroundColor = "red"; 
        document.getElementById("password").style.color = "white"; 
        document.getElementById("password").className += " invalidform"; 
        return false; 
       } 

      } 

     </script> 
+3

您正在比較DOM元素與字符串,這是沒有意義的。您需要訪問輸入元素的'value'屬性。 – CBroe

+0

OHHH是的,謝謝你,我忘了...... – guy

+0

這是一個愚蠢的錯誤:D – guy

回答

1

如果(的document.getElementById( 「用戶名」)== 「」){

你是比較DOM元素在這裏串;-)

您需要訪問輸入的值屬性元素。

+0

已經做到了。謝謝! – guy

1

變化:

if (document.getElementById("username") == "") { 

這樣:

if (document.getElementById("username").value == "") { 
+0

是的,我已經做了,謝謝 – guy