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

In meinem Fall wollte ich Folgendes vermeiden ~ et # Deshalb habe ich die andere Lösung :

function validEmail(email){
  const regex = /^((?!\.)[\w\-_.]*[^.])(@\w+)(\.\w+(\.\w+)?[^.\W])$/;
  return regex.test(email);
}

function validEmail(email){
  const regex = /^((?!\.)[\w\-_.]*[^.])(@\w+)(\.\w+(\.\w+)?[^.\W])$/;
  return regex.test(email);
}

const emails = [
'pio_pio@factory.com',
'~pio_pio@factory.com',
'pio_~pio@factory.com',
'pio_#pio@factory.com',
'pio_pio@#factory.com',
'pio_pio@factory.c#om',
'pio_pio@factory.c*om',
'pio^_pio@factory.com'
]

for(const email of emails){
  document.write(email+' : '+validEmail(email)+'</br>');
}

Answer 2

Die meisten Antworten hier sind nicht linter-freundlich, es ist ein Chaos! Einige von ihnen sind auch veraltet! Nach viel Zeitaufwand habe ich mich für eine externe Bibliothek namens email-validator , installieren Sie es einfach per npm und importieren/fordern Sie es in Ihrem eigenen Projekt:

https://www.npmjs.com/package/email-validator

//NodeJs
const validator = require("email-validator");
validator.validate("test@email.com"); // true

//TypeScript/JavaScript
import * as EmailValidator from 'email-validator';
EmailValidator.validate("test@email.com"); // true

Answer 3

Wie man besondere reguläre Ausdrücke in Android oder Java schreibt.

1) USER_NAME = "^[A-Za-z0-9_-]{min number of character,max number of character}$";

2) TELEPHONE = "(^\\+)?[0-9()-]*";

3) TELEPHONE_OPTIONAL = "^($|(^\\+)?[0-9()-]*)$";

4) EMAIL = "[a-zA-Z0-9_\\.\\+-]+@[a-zA-Z0-9-]+\\.[a-zA-Z0-9-\\.]+";

5) EMAIL_OPTIONAL = "^($|[a-zA-Z0-9_\\.\\+-]+@[a-zA-Z0-9-]+\\.[a-zA-Z0-9-\\.]+)$";

6) WEB_URL = "^($|(http:\\/\\/|https:\\/\\/)?(www.)?([a-zA-Z0-9]+).[a-zA-Z0-9]*.[a-z]{3}.?([a-z]+)?)$";

7) WEB_URL_YOUTUBE_BE = "https?\\:\\/\\/(www\\.)?youtu(\\.)?be(\\.com)?\\/.*(\\?v=|\\/v\\/)?[a-zA-Z0-9_\\-]+";

8) POSTAL_ADDRESS = "[a-zA-Z\\d\\s\\-\\,\\#\\.\\+]+";

9) FIELD_NOT_EMPTY = "[^\\s]*";

10) PINCODE = "^([0-9]{6})?$";

11) IFSC_CODE = "^[^\\s]{4}\\d{7}$";

12) SWIFT_CODE = "^([0-9]{10})?$";

13) PINCODE = "^([0-9]{6})?$";

Answer 4

Ich ziehe es vor, es einfach zu halten und meine Benutzer zufrieden zu stellen. Außerdem bevorzuge ich Code, der leicht zu verstehen ist. RegEx ist das nicht.

function isValidEmail(value) {
    const atLocation = value.lastIndexOf("@");
    const dotLocation = value.lastIndexOf("."); 
    return (
        atLocation > 0 &&
        dotLocation > atLocation + 1 &&
        dotLocation < value.length - 1
    );
};

• Ermittelt die Position des letzten "@" und des letzten "."
• Vergewissern Sie sich, dass das "@" nicht das erste Zeichen ist (es steht etwas davor).
• Achten Sie darauf, dass das "." nach dem "@" steht und dass mindestens ein Zeichen dazwischen ist.
• Achten Sie darauf, dass nach dem "." mindestens ein einzelnes Zeichen steht.

Werden dadurch ungültige E-Mail-Adressen durchgelassen? Sicher, aber ich glaube nicht, dass man viel mehr für eine gute Benutzererfahrung braucht, die es erlaubt, eine Schaltfläche zu aktivieren/deaktivieren, eine Fehlermeldung anzuzeigen, usw. Sie wissen nur dann sicher, dass eine E-Mail-Adresse gültig ist, wenn Sie versuchen, eine E-Mail an diese Adresse zu senden.

Answer 5

Der reguläre Ausdruck, der von Microsoft in ASP.NET MVC es

/^[\w-]+(\.[\w-]+)*@([a-z0-9-]+(\.[a-z0-9-]+)*?\.[a-z]{2,6}|(\d{1,3}\.){3}\d{1,3})(:\d{4})?$/

Das poste ich hier, falls es fehlerhaft ist - obwohl es für meine Bedürfnisse immer perfekt war.