2017-09-22 51 views
-1

我創建了一個HTML註冊表單。Javascript多個提醒框

我開了,如果其中任何一個留空

現在我想所有的警報在合併成一個單一的一個例子開始將出現一個框彈出了他們每個人的驅使一個JS與所有的警報,如果你完成一個,如果你推提交下一個框會出現沒有你已經完成

盒子的警告這是我的JS代碼:

function validate() 
 
     { 
 

 
     if(document.inrValid.Nume.value == "") 
 
     { 
 
      alert("Introduceti va rog numele!"); 
 
      document.inrValid.Nume.focus() ; 
 
      return false; 
 
     } 
 

 
if(document.inrValid.Prenume.value == "") 
 
     { 
 
      alert("Introduceti va rog Prenumele!"); 
 
      document.inrValid.Prenume.focus() ; 
 
      return false; 
 
     } 
 

 
     if(document.inrValid.EMail.value == "") 
 
     { 
 
      alert("Introduceti va rog Emailul!"); 
 
      document.inrValid.EMail.focus() ; 
 
      return false; 
 
     } 
 

 
     if(document.inrValid.Telefon.value == "") 
 
     { 
 
      alert("Introduceti va rog Numarul de Telefon!"); 
 
      document.inrValid.Telefon.focus() ; 
 
      return false; 
 
     } 
 

 
if(document.inrValid.parola.value == "") 
 
     { 
 
      alert("Introduceti va rog Parola!"); 
 
      document.inrValid.parola.focus() ; 
 
      return false; 
 
     } 
 

 
     return(true); 
 
     }
<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <title></title> 
 
    </head> 
 
    <body> 
 
     <form action="/cgi-bin/test.cgi" name="inrValid" onsubmit="return(validate());"> 
 
     <p>Nume <input type="text" name="Nume" /></p> 
 
       <p>Prenume <input type="text" name="Prenume" /></p> 
 
       <p>EMail <input type="text" name="EMail" /></p> 
 
       <p>Telefon <input type="number" name="Telefon" /></p> 
 
       <p>Parola <input type="password" name="parola" /></p> 
 
       <p><input type="submit" onclick="clickAlert()" value="Submit" name="clickAlert" /></p> 
 
     </form> 
 
     <script src="script.js"> </script> 
 
    </body> 
 
</html

+3

我建議你使用'required'屬性,所以你不需要編寫你自己的邏輯。 –

回答

0

如評論中所述,您可以使用required屬性作爲驗證的一種小形式。

你也可以所有的錯誤信息添加到一個數組,例如:

var checkForm = function() { 
 
    var foo = document.getElementById('foo'); 
 
    var bar = document.getElementById('bar'); 
 
    var errors = []; 
 
    
 
    if (foo.value.length === 0) { 
 
    errors.push('Foo is blank'); 
 
    } 
 
    
 
    if (bar.value.length === 0) { 
 
    errors.push('Bar is blank'); 
 
    } 
 
    
 
    alert(errors.join(',')); 
 
};
<form onsubmit="checkForm()"> 
 
    <input id="foo" type="text" /> 
 
    <input id="bar" type="text" /> 
 
    <input type="submit" /> 
 
</form>

+0

Thx爲您的答案。我讓它工作:) –