Walidacja e -maila wyrażenia regularnego JavaScript

Adresy e -mail mają określony format, z wymaganymi niektórymi znakami i strukturami. Sprawdzanie poprawności adresu e -mail zapewnia, że ​​jest on we właściwym formacie i może być używany do wysyłania lub odbierania wiadomości e -mail. Poprzez sprawdzanie poprawności adresów e -mail możesz upewnić się, że ważne informacje są dostarczane do właściwego odbiorcy, a komunikacja jest tak wydajna, jak to możliwe.

Ten blog opisuje weryfikację e -mail w JavaScript.

Jak potwierdzić e -mail w JavaScript?

Weryfikacja wprowadzonego adresu e -mail użytkownika jest znany jako sprawdzanie poprawności wiadomości e -mail. W JavaScript możesz potwierdzić adres e -mail za pomocą „Wyrażenie regularne”Z„mecz()" metoda. Metoda match () weryfikuje dane wejściowe użytkownika z określonym wzorem.

Najpierw zobaczmy kilka ważnych i nieprawidłowych adresów e -mail, a następnie utwórz wzór, aby potwierdzić adresy e -mail.

Ważne adresy e -mail

Niektóre prawidłowe adresy e -mail to:

• [email protected]
• [email protected]
• [email protected]
• [email protected]ój.internet

Nieprawidłowe adresy e -mail:

Poniższe sformatowane e -maile są niedopuszczalne:

• E -mail rozpoczął się od kropki „."
• Brak postaci przed @
• Bez @
• Podwójne kropki są niedozwolone

Wzór

Dany wzorzec jest ogólnym wzorem formatu e -mail:

var wzór = /[a-Z0-9]+@[a-z]+\.[A-Z] 2,3/

Powyższy wzór akceptuje:

• "[A-Z0-9]”Wskazuje małe postacie z liczbami.
• "@[a-z]”Oznacza znak @ z dowolną liczbą małych znaków.
• "\.”Określ kropkę (.).
• "[A-Z] 2,3”Oznacza alfabety A-Z o długości 2 lub 3, na przykład„com”,„org”,„internet", i tak dalej.

Należy zauważyć, że powyższy wzorzec jest ogólnym wyrażeniem regularnym i może nie obejmować wszystkich możliwych przypadków walidacji e -maila, ale jest to dobry punkt wyjścia. Możesz utworzyć/zdefiniować wzór we własnych wymaganiach.

Wypróbujmy kolejny (złożony) wzór, który zaakceptuje małe i kapitałowe litery o różnych znakach specjalnych:

var wzór = /^[a-za-z0-9.!#$%& '*+/=?^_ '| ~-]+@[a-za-z0-9-]+(?: \.[A-ZA-Z0-9-]+)*$/

Przykład

W pliku HTML utwórz formularz zawierający pole tekstowe, przycisk i obszar do wyświetlania komunikatu o błędzie. Dołącz „na kliknięcie„Wydarzenie z„składać”Przycisk, który wywoła„e -mailValidationFunc ()„Funkcja w celu weryfikacji danych wejściowych użytkownika:

Wprowadź swój email: <wejście type = "text" autoComplete = "off">
<P>P>
<wejście type = "przesyłanie" wartość = "prześlij" onClick = "e -mailValidationFunc ()">
formularz>

W pliku JavaScript dodaj następujący kod:

funkcja e -mailValidationfunc ()

var input = dokument.getElementById („poczta”).wartość;
var wzór = /[a-Z0-9]+@[a-z]+\.[A-Z] 2,3/;
if (wejście.dopasowanie (wzór))

alert („pasuje wzory!");
zwrócić true;

w przeciwnym razie

dokument.getElementById („błąd”).innerhtml = "Wprowadź prawidłowy adres e -mail!";
zwrócić fałsz;

Zgodnie z powyższym fragmentem kodu:

• Najpierw zdefiniuj funkcję zwaną „e -mailValidationFunc ()„To wywoła kliknięcie przycisku.
• Uzyskaj wartość wejścia użytkownika za pomocą „wartość" atrybut.
• Utwórz wzór do sprawdzania poprawności adresu e -mail.
• Zadzwoń do "mecz()”Metoda sprawdzenia, czy wartość wprowadzona odpowiada dostarczonego wzoru. Jeśli tak, pokaż wiadomość o alercie „Dopasowania wzoru!". W przeciwnym razie wydrukuj komunikat o błędzie „Proszę wpisać aktualny adres e-mail!".

Wyjście

Chodzi o weryfikację e -mail za pomocą wyrażenia regularnego JavaScript.

Wniosek

W JavaScript, w celu sprawdzania poprawności adresu e -mail, użyj „Wyrażenie regularne”Z„mecz()" metoda. Metoda match () weryfikuje dane wejściowe użytkownika z określonym wzorem. Ten blog wspomina ogólne wzorce formatowania wiadomości e -mail, ale możesz również stworzyć wzór własnych wymagań. Na tym blogu opisaliśmy weryfikację e -mail w JavaScript.