Napr. overenie e-mailu pomocou JavaScriptu (regex)

Mnohokrát sa stretávame s potrebou overiť, či je e-mailová adresa zadaná v určitom poli nášho formulára. platný email. V tomto článku sa naučíme, ako overiť e-maily pomocou regulárnych výrazov (známych aj ako regulárny výraz) v JavaScripte.

Čo je regulárny výraz (regulárny výraz)?

Regulárny výraz je postupnosť znakov, ktorá definuje vzor vyhľadávania. V tomto prípade chceme nájsť vzor, ​​ktorý predstavuje platnú e-mailovú adresu.

Regulárne výrazy sú výkonným a flexibilným nástrojom na prácu s textovými reťazcami a overovanie vstupných údajov.

Overenie e-mailu pomocou regulárneho výrazu

Aby sme overili, že e-mail je platný, musíme overiť, či je formát správny, to znamená, že obsahuje @ a doménu. Na to používame nasledujúci výraz:

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

Príklad úplného formulára

V nasledujúcom príklade si ukážeme, ako overiť e-mailovú adresu pomocou JavaScriptu a regulárneho výrazu. Postupujeme nasledovne:

1. Definujeme funkciu tzv validateMail to berie ako argument e-mail na overenie.
2. Vytvárame premennú regulárny výraz A obsahujúce regulárny výraz na overenie e-mailu.
3. Používame metódu test() regulárneho výrazu, aby ste skontrolovali, či zadaný e-mail zodpovedá vzoru.
4. Ak je e-mail platný, zobrazíme varovné hlásenie, že je platný; v opačnom prípade zobrazíme varovné hlásenie, že je neplatný.
5. V HTML vytvoríme vstupné pole typu "e-mail" a tlačidlo, ktoré po kliknutí vyvolá funkciu validateMail s hodnotou zadanou vo vstupnom poli.

function validateEmail (mail) {
// Regulárny výraz na overenie e-mailu
var regex = /^[w-]+([w-]+)*@[w-]+([w-]+)*.[a-zA-Z]{2,}$/;
// Skontrolujte, či sa pošta zhoduje so vzorom definovaným regulárnym výrazom
if (regex.test (mail)) {
alert("Platný email");
} else {
upozornenie („Neplatný e-mail“);
}
}

Overenie e-mailu pomocou JavaScriptu a regulárneho výrazu

Potvrdiť

Výhody a nevýhody validácie pomocou JavaScriptu

Overenie vstupných údajov, ako sú e-mailové adresy, pomocou JavaScriptu na strane klienta má výhody a nevýhody:

Výhody	Nevýhody
Okamžitá spätná väzba pre užívateľa	nie je bezpečný
Menšie zaťaženie servera	Kompatibilita s rôznymi prehliadačmi
Zlepšite používateľskú skúsenosť	Duplikácia úsilia (strana klienta/servera)
Zníženie doby odozvy	Nenahrádza overenie na strane servera

Overenie údajov pomocou JavaScriptu nenahrádza overenie na strane servera. Pomáha však znižovať záťaž. Na overenie údajov na strane servera vám odporúčam prečítať si:

• Overenie pošty pomocou PHP