2013-06-01 105 views
0

我必須在javascript中爲6種輸入類型進行表單驗證。當用戶按下提交按鈕它應該給他哪些沒有被正確輸入,並把它們變成紅色字段警報窗口..Javascript form validation multiple

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

     var ime = document.getElementById('ime'); 
     var priimek = document.getElementById('priimek'); 


     if (preveriCrke(ime, "Prosim uporabite samo crke za ime")) { 
      if (preveriCrke(priimek, "Prosim uporabite samo crke za priimek")) { 
       return true; 
      } 
     } 
     return false; 
    } 

    function preveriCrke(element, sporocilo) { 
     var crke = /^[a-zA-Z]+$/; 
     if (element.value.match(crke)) { 
      return true; 
     } else { 
      element.style.backgroundColor = "red"; 
      alert(sporocilo); 
      return false; 
     } 
    } 

</script> 

<form onsubmit="return preveriFormo()" > 
    Ime <input type='text' id='ime' /><br /> 
    Priimek <input type='text' id='priimek' /><br /> 
    <input type="submit" value="Potrdi" /> 
</form> 

我的問題是,我不知道如何使警報窗口的列表不正確地寫文件和改變顏色(爲他們所有)..在我的例子形式只是一個接一個地檢查。我真的如果並欣賞任何人都可以他我一個提示,如何解決這個

+0

不要忘記設置背景顏色恢復到默認爲傳遞(允許用戶是否已經糾正了一些自己以前的錯誤,並試圖再次提交)的任何領域。 – nnnnnn

+0

你應該只使用一個js驗證插件。讓生活更輕鬆:http://jqueryvalidation.org/ – zer02

回答

0

採取flag variable.By默認把價值false。如果驗證失敗,然後把true中的任何一個。 不是返回標誌

return flag; 
+1

或者相反 - 如果驗證失敗,應該返回false。 – nnnnnn

+0

@PSR 感謝您的支持。但是,現在警報窗口依次顯示..可能的是,只有一個警報窗口指出哪些字段是錯誤/空白的? –

+0

嘗試將所有錯誤消息附加到一個字符串中,然後在警報中顯示它 – PSR