Np. sprawdzanie poprawności wiadomości e-mail za pomocą JavaScript (Regex)

Wiele razy pojawia się konieczność sprawdzenia, czy adres e-mail został wprowadzony w określonym polu naszego formularza. ważny email. W tym artykule dowiemy się, jak sprawdzać poprawność wiadomości e-mail za pomocą wyrażeń regularnych (znanych również jako wyrażenia regularne) w JavaScript.

Co to jest wyrażenie regularne (regex)?

Wyrażenie regularne to ciąg znaków definiujący wzorzec wyszukiwania. W tym przypadku chcemy znaleźć wzorzec reprezentujący prawidłowy adres e-mail.

Wyrażenia regularne to potężne i elastyczne narzędzie do pracy z ciągami tekstowymi i sprawdzania poprawności danych wejściowych.

Sprawdzanie poprawności wiadomości e-mail za pomocą wyrażenia regularnego

Aby zweryfikować, czy wiadomość e-mail jest ważna, musimy sprawdzić, czy format jest poprawny, to znaczy czy zawiera znak @ i domenę. W tym celu używamy następującego wyrażenia:

rozm wyrażenie regularne = /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)*.[a-zA-Z]{2,}$/;

Przykład pełnego formularza

W poniższym przykładzie pokazujemy, jak sprawdzić poprawność adresu e-mail za pomocą JavaScript i wyrażenia regularnego. Kroki, które wykonujemy to:

1. Definiujemy funkcję tzw zatwierdź pocztę który przyjmuje jako argument e-mail do sprawdzenia poprawności.
2. Tworzymy zmienną wyrażenie regularne A zawierający wyrażenie regularne do sprawdzania poprawności wiadomości e-mail.
3. Stosujemy metodę test() wyrażenia regularnego, aby sprawdzić, czy wprowadzony adres e-mail pasuje do wzorca.
4. Jeśli wiadomość e-mail jest ważna, wyświetlamy komunikat ostrzegawczy wskazujący, że jest ona ważna; w przeciwnym razie wyświetlimy komunikat ostrzegawczy wskazujący, że jest nieprawidłowy.
5. W kodzie HTML tworzymy pole wejściowe typu „email” oraz przycisk, który po kliknięciu wywołuje funkcję zatwierdź pocztę z wartością wprowadzoną w polu wprowadzania.

function validateEmail (mail) {
// Wyrażenie regularne do sprawdzania poprawności adresu e-mail
var regex = /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)*.[a-zA-Z]{2,}$/;
// Sprawdź, czy poczta pasuje do wzorca zdefiniowanego przez wyrażenie regularne
if (regex.test (mail)) {
alert("Prawidłowy adres e-mail");
} else {
alert („Nieprawidłowy adres e-mail”);
}
}


Sprawdzanie poprawności wiadomości e-mail za pomocą JavaScript i wyrażeń regularnych

Uprawomocnić

Zalety i wady sprawdzania poprawności za pomocą JavaScript

Walidacja danych wejściowych, takich jak adresy e-mail, za pomocą JavaScript po stronie klienta ma zalety i wady:

Zalety	Niedogodności
Natychmiastowa informacja zwrotna dla użytkownika	nie jest bezpieczne
Mniejsze obciążenie serwera	Zgodność z różnymi przeglądarkami
Popraw wrażenia użytkownika	Powielanie wysiłków (po stronie klienta/serwera)
Skrócenie czasu reakcji	Nie zastępuje sprawdzania poprawności po stronie serwera

Sprawdzanie poprawności danych za pomocą JavaScript nie zastępuje sprawdzania poprawności po stronie serwera. Pomaga to jednak zmniejszyć obciążenie. Aby zweryfikować dane po stronie serwera polecam przeczytać:

• Walidacja poczty za pomocą PHP