Regex - Validieren einer E-Mail-Adresse in JavaScript
Die beste Möglichkeit, eine E-Mail-Adresse zu validieren, ist die Verwendung eines regulären Ausdrucks. Zu diesem Zweck überprüft die folgende Methode mithilfe eines Filters das Format der E-Mail-Adresse im Formular und gibt true zurück, wenn es gültig ist.
function validateEmail(email) {
var re = /^(([^< > ()\[\]\\.,;:\s@"]+(\.[ ^< > ()\[\]\\.,;:\s@"]+)*)|(".+")) @((\[[0-9]{1,3}\. [0-9] {1,3}\. [0-9] {1,3}\. [0-9] {1,3}])|(([a-zA-Z\-0-9]+\.) +[a-zA-Z]{2,}))$/;
return re.test(E-Mail);
}
Beispiel:
< script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
< Formular>
< Geben Sie eine E-Mail-Adresse ein:
< input id='email'>
< input type='button' id='validate' value='Validate' />
< Skript>
function validateEmail(email) {
var re = /^(([^< > ()[\]\\.,;:\s@\"]+(\.[ ^< > ()[\]\\.,;:\s@\"]+)*)|(\".+\")) @((\[[0-9]{1,3}\. [0-9] {1,3}\. [0-9] {1,3}\. [0-9] {1,3}\])|(([a-zA-Z\-0-9]+\.) +[a-zA-Z]{2,}))$/;
return re.test(E-Mail);
}
function valider() {
$("#resultat").text("");
var email = $("#email").val();
if (validateEmail(email)) {
$("#resultat").text(email + " ist gültig.");
("#resultat").css("Farbe", "grün");
} else {
$("#resultat").text(email + " ist ungültig.");
$("#resultat").css("color", "red");
}
}
$("#valider").bind("click", validate);