2017-09-22 54 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为您的答案。我让它工作:) –