2017-09-22 5 views
-1

私はHTMLで小さな登録フォームを作成しました。Javascript複数の警告ボックス

そして、それらのいずれかが

空白のままにしている場合、私は今、私はボックスが表示されます起動時に例えば単一のものにすべてのアラートを結合したいそれらのそれぞれのアラートがポップアップJSを作成すべての警告と、あなたはあなたがすでに

を完了し、ボックスの警告なしに表示されます、次のボックスを提出プッシュする場合は、1を完了した場合にこれが私の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です。私はそれを仕事にした:) –

関連する問題