Např. ověření e-mailu pomocí JavaScriptu (Regex)

Mnohokrát jsme vystaveni potřebě ověřit, zda je e-mailová adresa zadána v určitém poli našeho formuláře. platný email. V tomto článku se naučíme, jak ověřovat e-maily pomocí regulárních výrazů (známých také jako regex) v JavaScriptu.

Co je regulární výraz (regulární výraz)?

Regulární výraz je posloupnost znaků, která definuje vzor vyhledávání. V tomto případě chceme najít vzor, ​​který představuje platnou e-mailovou adresu.

Regulární výrazy jsou výkonným a flexibilním nástrojem pro práci s textovými řetězci a ověřování vstupních dat.

Ověření e-mailu pomocí regulárního výrazu

Abychom ověřili, že je e-mail platný, musíme ověřit, že je správný formát, tedy že obsahuje @ a doménu. K tomu použijeme následující výraz:

var regulární výraz = /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)*.[a-zA-Z]{2,}$/;

Příklad úplného formuláře

V následujícím příkladu si ukážeme, jak ověřit e-mailovou adresu pomocí JavaScriptu a regulárního výrazu. Postupujeme takto:

1. Definujeme funkci tzv validateMail to bere jako argument e-mail k ověření.
2. Vytvoříme proměnnou regulární výraz A obsahující regulární výraz pro ověření e-mailu.
3. Používáme metodu test() regulárního výrazu a zkontrolujte, zda zadaný e-mail odpovídá vzoru.
4. Pokud je e-mail platný, zobrazíme varovnou zprávu, že je platný; v opačném případě zobrazíme výstražnou zprávu, že je neplatný.
5. V HTML vytvoříme vstupní pole typu "e-mail" a tlačítko, které po kliknutí zavolá funkci validateMail s hodnotou zadanou do vstupního pole.

function validateEmail (mail) {
// Regulární výraz pro ověření e-mailu
var regex = /^[w-]+([w-]+)*@[w-]+([w-]+)*.[a-zA-Z]{2,}$/;
// Zkontrolujte, zda e-mail odpovídá vzoru definovanému regulárním výrazem
if (regex.test (mail)) {
alert("Platný e-mail");
} else {
upozornění („Neplatný e-mail“);
}
}

Ověření e-mailu pomocí JavaScriptu a regulárního výrazu

Ověřit

Výhody a nevýhody ověřování pomocí JavaScriptu

Ověřování vstupních dat, jako jsou e-mailové adresy, pomocí JavaScriptu na straně klienta má výhody a nevýhody:

Výhody	Nevýhody
Okamžitá zpětná vazba pro uživatele	není bezpečné
Menší zatížení serveru	Kompatibilita mezi prohlížeči
Zlepšete uživatelskou zkušenost	Zdvojení úsilí (strana klienta/serveru)
Snížení doby odezvy	Nenahrazuje ověření na straně serveru

Ověřování dat pomocí JavaScriptu nenahrazuje ověření na straně serveru. Pomáhá však snížit zátěž. Pro ověření dat na straně serveru doporučuji přečíst si:

• Ověření pošty pomocí PHP