Gibt es eine andere Lösung?

[cheminar]

Hallo Leute,

ich dachte warum nutzt du nicht mal dieses Forum :) ( sonst immer html.de)

Hier ist mal mein html code(nur im Zusammenhang des JavaScripts):

  
<form onsubmit="return checkForm();">  
    <input type="text" placeholder="Vorname" class="regstyle" name="Vorname" id="Vorname"/>  
    <input type="text" placeholder="Nachname" class="regstyle" name="Nachname" id="Nachname"/>  
    <input type="text" placeholder="e-Mail" class="regstyle" name="e-Mail" id="e-Mail" id="email" />  
    <input type="text" placeholder="e-Mail erneut" class="regstyle" name="e-Mail erneut" id="emailre"/>  
    <input type="password" placeholder="Passwort" class="regstyle" name="Passwort" id="passwort"/>  
    <input type="password" placeholder="Passwort erneut" class="regstyle" name="Passwort erneut" id="passwortre"/>  
  
<div id="msginput">Du musst alle Felder ausgef&uuml;llt haben.</div>  
  
  
</div>  
  
<div class="sendbuttonreg">  
<button type="submit" name="Registrieren" id="sendbuttonreg">Registrieren</button>  
</div>  
  
</form>  

Und hier der JavaScript:

  
function checkForm(){  
if (document.getElementById("Vorname").value==""){  
document.getElementById("msginput").style.display="block";  
return(false);  
}  
else{  
return(true);  
}  
}  
  

Soo, funktioniert einwandfrei -> Wenn Vornamefeld leer steht und das Formular abgeschickt wird, dann erscheint die Fehlmeldung dass alle Felder ausgefüllt sein müssen.

Wie binde ich aber die anderen Felder mit ein?
Mit document.getElementByTagName und .getAttribute leider kein Erfolg ( Warum auch immer?? Scheint eigentlich dass logischste zu sein oder?? )

Hoffe sehr auf eine Antwort, hänge seit einigen Stunden dran.

MfG und Gute Nacht

Cheminar