Jak potwierdzić adres e -mail w JavaScript

Proces weryfikacji wprowadzonych wartości przez użytkowników jest znany jako sprawdzanie poprawności. Poprawia wrażenia użytkownika i jest znaczący dla aplikacji internetowych. Walidacja jest używana w JavaScript do weryfikacji tożsamości użytkownika poprzez sprawdzanie wiadomości e -mail, hasła, numeru telefonu komórkowego i wielu innych informacji użytkownika. Ta technika jest najczęściej wykorzystywana podczas tworzenia formularzy dla stron internetowych.

W tym poście porozmawiamy o niektórych typowych metodach walidacji adresów e -mail w JavaScript.

Jak potwierdzić adres e -mail w JavaScript?

Podczas weryfikacji formularza HTML sprawdzanie poprawności wiadomości e -mail jest krytycznym krokiem. W JavaScript możesz potwierdzić adres e -mail:

1. Za pomocą Regex
2. Bez regularności

Sprawdźmy, w jaki sposób te podejścia potwierdzi e -mail.

Metoda 1: Walidź adres e -mail za pomocą Regex

Aby potwierdzić wiadomość e -mail, możesz użyć wzoru Regex/wyrażenia regularnego z JavaScript ”mecz()" metoda. Wartość określonej wiadomości e -mail w polu wejściowym jest porównywana z wyrażeniem regularnym lub wzorem wyrażenia wyrażenia przy użyciu metody match ().

Składnia
Postępuj zgodnie z poniższą składnią do sprawdzania poprawności wiadomości e -mail za pomocą metody match ():

Wprowadź tekst.wartość.mecz (RegexPattern);

Tutaj "RegexPattern”To wyrażenie regularne, które będzie pasować do wartości pola tekstowego.

Teraz sprawdź następujący przykład.

Przykład
W tym przykładzie utworzymy formularz HTML, który zawiera wartość wejściową i przycisk, który sprawdzi, czy wprowadzona wiadomość e-mail jest ważna, czy nie, wywołując funkcję JavaScript zdefiniowaną przez użytkownika o nazwie „MailValidation ()”:

Składać

W pliku JavaScript zdefiniujemy „MailValidation ()„Metoda, która przyjmuje wartość pola wejściowego jako parametr. Następnie zdefiniuj wzorzec Regex dla wiadomości e-mail, który następuje po alfabetach A-ZA-Z, znaki, 0-9 cyfr, z @ i (.). Następnie wywołaj metodę Match () z wartością wprowadzania tekstu, przekazując wzór regularności. Jeśli wartość tekstu wejściowego pasuje do regularności, alert wyświetli się z komunikatem „Poprawny adres email!”; W przeciwnym razie alert pokazuje określoną wiadomość:

Funkcja MailValidation (InputText)

RegexPattern = /^[a-za-z0-9.!#$%& '*+/=?^_ '| ~-]+@[a-za-z0-9-]+(?: \.[A-ZA-Z0-9-]+)*$/;
InputTextVal = Document.getElementById („txt”);
if (inputTextVal.wartość.mecz (RegexPattern))

alert („prawidłowy adres e -mail!");
zwrócić true;

w przeciwnym razie

Alert („Wpisałeś nieprawidłowy adres e -mail!");
zwrócić fałsz;

Można zauważyć, że nasza określona metodologia działa idealnie dla weryfikacji adresu e -mail:

Zobaczmy inną metodę sprawdzania wiadomości e -mail bez użycia Regex.

Metoda 2: Sprawdzaj adres e -mail bez użycia Regex

Do sprawdzania poprawności wiadomości e -mail bez regularności możesz użyć „Obejmuje ()" metoda. Daje wartość logiczną jako wyjście. Akceptuje postacie jako argument i zwraca „PRAWDA„Jeśli istnieją na wejściu, w przeciwnym razie wysyła”FAŁSZ".

Składnia
Postępuj zgodnie z podmiotą podmiotową, aby zastosować metodę ():

strunowy.obejmuje (znaki);

Tutaj, "postacie"Są (@) Podpis i (.), który zostanie sprawdzony w wprowadzonym e -mailu.

Przykład
W tym przykładzie wprowadzimy zmiany w wyżej wymienionej funkcji JavaScript o nazwie „MailValidation ()". Tutaj użyjemy metody Cluves () w funkcji, aby sprawdzić wartość wejściową, czy zawiera ona (@) Podpis i (.) albo nie:

Funkcja MailValidation (InputText)

InputTextVal = Document.getElementById („txt”);
if (inputTextVal.wartość.Obejmuje („@”, "."))

alert („prawidłowy adres e -mail!");
zwrócić true;

w przeciwnym razie

Alert („Wpisałeś nieprawidłowy adres e -mail!");
zwrócić fałsz;

Wyjście

Zebraliśmy najprostsze metody walidacji adresów e -mail za pomocą JavaScript.

Wniosek

Aby potwierdzić adres e -mail, możesz użyć „mecz()„Metoda sprawdzania poprawności za pomocą Regex lub„Obejmuje ()„Metoda sprawdzania poprawności wiadomości e -mail bez użycia Regex. Metoda match () pasuje do wprowadzonego adresu e -mail do konkretnego wyrażenia regularnego, podczas gdy metoda zawiera () sprawdza „@”I„ „.”W e -mailu, niezależnie od tego, czy oba są zawarte w wprowadzonym e -mailu, czy nie. W tym poście omówiono metody walidacji adresów e -mail w JavaScript za pomocą szczegółowych przykładów.