Napr. overenie e-mailu pomocou JavaScriptu (regex)
Javascript / / April 15, 2023
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.
Obsah článku.
- • Čo je regulárny výraz (regulárny výraz)?
- • Overenie e-mailu pomocou regulárneho výrazu
- • Príklad úplného formulára
- • Výhody a nevýhody validácie pomocou JavaScriptu
Č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:
- Definujeme funkciu tzv
validateMail
to berie ako argument e-mail na overenie. - Vytvárame premennú
regulárny výraz
A obsahujúce regulárny výraz na overenie e-mailu. - Používame metódu
test()
regulárneho výrazu, aby ste skontrolovali, či zadaný e-mail zodpovedá vzoru. - 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ý.
- 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
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
Ako citovať? Picardo, A. & Del Moral, M. (s.f.). Príklad overenia e-mailu pomocou JavaScriptu. Príklad. Získané 15. apríla 2023 z https://www.ejemplode.com/24-javascript/57-ejemplo_de_validacion_de_correo_electronico_con_javascript.html