Validate E-Mail in JavaScript

Wenn man Kommentare, eine Anmeldung oder ein Kontaktformular baut, sollte man sich die Usereingaben genau ansehen. Es ist wichtig, dass eine E-Mail Adresse valide ist, weil man den User Kontaktieren möchte oder er eine Antwort erwartet. Wenn sich der User also vertippt oder mit Absicht, eine falsche Adresse eingibt, sollte man seine Eingabe überprüfen. Ich nutze dafür schon im Formular eine JavaScript Funktion, die ich gebaut habe. Weil eine E-Mail Adresse immer gleich aufgebaut ist und nur bestimmte Muster erlaubt sind, ist der Vorcheck schon recht zuverlässig. Nach dem Absenden überprüfe ich die E-Mail Adresse noch einmal mit PHP und trage sie erst dann in die Datenbank ein.

//returns true, wenn die E-Mail valide ist<br /> //returns false, wenn die E-Mail nicht dem Muster entspricht<br /> function checkMail(email)<br /> {<br /> var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;<br /> if(filter.test(email))<br /> {<br /> return true;<br /> }<br /> return false;<br /> }<br />

Die Funktion checkMail() wird mit einer E-Mail Adresse gefüttert. Wenn die Überprüfung ergibt, dass es sich um keine E-Mail Adresse handeln sollte, gibt es einen Fehler. Man kann hier eine Ausgabe für den User machen, die ihm zeigt, dass die Adresse falsch ist. Nur wenn TRUE zurück gegeben wird, wird das Formular abgeschickt. So weiss der User sofort, dass etwas nicht korrekt war und wir müssen uns nicht um eine Fehlerausgabe auf einer Message Seite kümmern.
Hinweis:
Es ist wichtig, dass vorher mit einer Trim Funktion aller sinnlosen Leerzeichen in der E-Mail entfernt werden. Sonst kommt es zu einem Fehler, obwohl die Adresse richtig ist. Man kann in einem E-Mail Feld auch die Leertaste unterdrücken, wenn man das möchte.