Walidacja e -mail w JavaScript

JavaScript, język programowania, który służy do opracowywania doskonale przyjemnych stron internetowych. Oprócz przyjemnego spojrzenia na twoją stronę, jest ona również używana do celów walidacyjnych podczas tworzenia formularza HTML. Walidacja, co najważniejsze walidacja e -maila, jest bardzo znaczącą częścią formularza, który zapewnia, że ​​użytkownik dostarcza tylko autentyczne informacje. Zaprojektowaliśmy ten post, aby pokazać, jak sprawdzić weryfikację e -maila użytkownika za pomocą JavaScript. Ten zapis obejmuje następujące tematy.

1. Wprowadzenie do walidacji
2. Jak potwierdzić e -mail za pomocą JavaScript

Zacznijmy.

Wprowadzenie do walidacji

Walidacja to procedura upewnienia się, że użytkownik, a także informacje, które dostarcza użytkownik, są autentyczne. JavaScript uwierzytelnia informacje o po stronie klienta, które poprawia procedurę przetwarzania danych.

Walidacja służy do uwierzytelniania nazwy użytkownika, hasła, e -maila, numeru telefonu i tak dalej. W tym poście będziemy trzymać się sprawdzania poprawności e -maila. Dowiedzmy się, jak to wykonać za pomocą JavaScript.

Jak potwierdzić e -mail za pomocą JavaScript

Jak już wspomniano, walidacja wiadomości e -mail jest bardzo ważna przy tworzeniu formularzy na stronach internetowych.

Adres e -mail jest podzielony na dwie części, które są oddzielone za pomocą symbolu „@”, a ponadto każda z tych części składa się z kombinacji znaków ASCII. Początkowa część wiadomości e -mail oznacza głównie dane osobowe użytkownika i składa się z następujących.

1. Zarówno wielki poziom (A-Z), jak i małe litery (A-Z).

2. Cyfry numeryczne (0-9).

3. Postacie specjalne jak ! # $ % ^ & * _ - = | ~.

4. Pełny zatrzymanie (nie może to być pierwsza ani ostatnia postać, a ponadto nie można użyć pełnego zatrzymania.)

Poza tym nazwa domeny, która jest częścią wiadomości e -mail, która pojawia się po symbolu @ może składać się z liter, cyfr, łąk i kropek.

Przykład

Tutaj zademonstrowaliśmy pełny przykład formularza HTML, który sprawdza e -mail za pomocą JavaScript.

Html

Wprowadź swój adres e -mail

W powyższym kodzie HTML utworzyliśmy pole wejściowe, w którym użytkownik wprowadzi adres e -mail i po kliknięciu złożenia przesyłania, wprowadzony e -mail jest przekazywany do Potwierdź email() metoda do zatwierdzenia.

CSS

.H3
Margin-left: 38px;

wejście
Rozmiar czcionki: 20px;

Wejście: Focus, TextArea: Focus

kolor tła: Whitesmoke;

Wejście Prześlij
Rozmiar czcionki: 12px;

Tutaj używamy podstawowych CSS do stylizacji naszych elementów HTML.

JavaScript

FunkctionViateETimail (InputText)

var Mailformat = /^\ w+([\.-]?\ w+)*@\ w+([\.-]?\ w+)*(\.\ w 2,3)+$/;
if (inputText.wartość.mecz (Mailformat))

alert („prawidłowy adres e -mail!");
dokument.Formularz 1.Tekst 1.centrum();
returnTrue;

w przeciwnym razie

Alert („Nieprawidłowy adres e -mail!");
dokument.Formularz 1.Tekst 1.centrum();
returnfalse;

W tym kodzie JavaScript wyrażenie regularne /^\ w+([\.-]?\ w+)*@\ w+([\.-]?\ w+)*(\.\ w 2,3)+$/ służy do sprawdzania poprawności e -maila. Następnie, jeśli instrukcje/else są używane do określenia, że ​​jeśli użytkownik wprowadzi prawidłowy adres e -mail, zostanie wygenerowana wiadomość ostrzegawcza, potwierdzając autentyczność adresu e -mail, a jeśli użytkownik wprowadzi nieprawidłowy adres e -mail, komunikat powiadomienia użytkownika powiadomi użytkownika o tym.

Wyjście

Kiedy podasz autentyczny adres e -mail.

Po wprowadzeniu nieprawidłowego adresu e -mail.

Walidacja e -maila była do kitu.

Wniosek

W JavaScript wyrażenie regularne /^\ w+([\.-]?\ w+)*@\ w+([\.-]?\ w+)*(\.\ w 2,3)+$/ służy do walidacji adresu e -mail w formularzach HTML, który określa wzór ważnego e -maila. Ponadto, jeśli instrukcje/else są używane do określania warunków dla ważnych, a także nieprawidłowych adresów e -mail. Ten zapis prowadzi, jak potwierdzić adres e-mail za pomocą JavaScript za pomocą odpowiedniego kodu.