Wie lässt sich eine E-Mail-Adresse am besten in JavaScript validieren?

Question

Wie kann ich eine E-Mail-Adresse in JavaScript am besten mit einem regulären Ausdruck überprüfen?

Answer 1

Eine Lösung, die die Existenz der TLD nicht überprüft, ist unvollständig.

Fast alle Antworten auf diese Frage schlagen die Verwendung von Regex zur Überprüfung von E-Mail-Adressen vor. Ich denke, dass Regex nur für eine rudimentäre Validierung geeignet ist. Es scheint, dass die Überprüfung der Gültigkeit von E-Mail-Adressen eigentlich zwei separate Probleme sind:

1- Validierung des E-Mail-Formats: Sicherstellen, dass die E-Mail dem Format und Muster von E-Mails in RFC 5322 entspricht und dass die TLD tatsächlich existiert. Eine Liste aller gültigen TLDs finden Sie unter aquí .

Zum Beispiel, obwohl die Adresse example@example.ccc den Regex erfüllt, handelt es sich nicht um eine gültige E-Mail, da ccc ist keine Top-Level-Domain der IANA.

2- Sicherstellen, dass die E-Mail tatsächlich existiert: Um dies zu tun, die einzige Möglichkeit es um den Benutzern eine E-Mail zu senden .

Answer 2

Verwenden Sie diesen Code innerhalb Ihrer Validierungsfunktion:

var emailID = document.forms["formName"]["form element id"].value;
atpos = emailID.indexOf("@");
dotpos = emailID.lastIndexOf(".");
if (atpos < 1 || ( dotpos - atpos < 2 ))
{
    alert("Please enter correct email ID")
    return false;
}

Andernfalls können Sie jQuery . Innere Regeln definieren:

eMailId: {
    required: true,
    email: true
}

Answer 3

var testresults

function checkemail() {
  var str = document.validation.emailcheck.value
  var filter = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
  if (filter.test(str))
    testresults = true
  else {
    alert("Please input a valid email address!")
    testresults = false
  }
  return (testresults)
}

function checkbae() {
  if (document.layers || document.getElementById || document.all)
    return checkemail()
  else
    return true
}

<form name="validation" onSubmit="return checkbae()">
  Please input a valid email address:<br />

  <input type="text" size=18 name="emailcheck">
  <input type="submit" value="Submit">
</form>

Answer 4

Im Gegensatz zu squirtle ist eine komplexe Lösung, aber sie leistet gute Arbeit bei der korrekten Validierung von E-Mails:

function isEmail(email) { 
    return /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i.test(email);
} 

So verwenden:

if (isEmail('youremail@yourdomain.com')){ console.log('This is email is valid'); }

Answer 5

Mein Wissen über reguläre Ausdrücke ist nicht so gut. Deshalb überprüfe ich zunächst die allgemeine Syntax mit einem einfachen regulären Ausdruck und prüfe anschließend spezifischere Optionen mit anderen Funktionen. Das ist vielleicht nicht die beste technische Lösung, aber auf diese Weise bin ich viel flexibler und schneller.

Die häufigsten Fehler, auf die ich gestoßen bin, sind Leerzeichen (vor allem am Anfang und Ende) und gelegentlich ein doppelter Punkt.

function check_email(val){
    if(!val.match(/\S+@\S+\.\S+/)){ // Jaymon's / Squirtle's solution
        // Do something
        return false;
    }
    if( val.indexOf(' ')!=-1 || val.indexOf('..')!=-1){
        // Do something
        return false;
    }
    return true;
}

check_email('check@thiscom'); // Returns false
check_email('check@this..com'); // Returns false
check_email(' check@this.com'); // Returns false
check_email('check@this.com'); // Returns true