Nt meili kinnitamine JavaScriptiga (Regex)

Mitu korda esitatakse meile vajadus kinnitada, et e-posti aadress on sisestatud meie vormi teatud väljale. kehtiv email. Sellest artiklist õpime, kuidas valideerida e-kirju JavaScripti regulaaravaldiste (tuntud ka kui regex) abil.

Mis on regulaaravaldis (regex)?

Regulaaravaldis on märgijada, mis määratleb otsingumustri. Sel juhul tahame leida mustri, mis esindab kehtivat e-posti aadressi.

Regulaaravaldised on võimas ja paindlik tööriist tekstistringidega töötamiseks ja sisendandmete valideerimiseks.

Meili kinnitamine regexiga

Meili kehtivuse kontrollimiseks peame kontrollima, kas vorming on õige, see tähendab, et see sisaldab @-d ja domeeni. Selleks kasutame järgmist väljendit:

var regex = /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)*.[a-zA-Z]{2,}$/;

Täieliku vormi näide

Järgmises näites näitame, kuidas valideerida e-posti aadressi JavaScripti ja regulaaravaldise abil. Järgime järgmisi samme:

1. Defineerime funktsiooni nimega valideMail mis võtab kinnitamiseks argumendiks meili.
2. Loome muutuja regex A sisaldab regulaaravaldist meili kinnitamiseks.
3. Me kasutame meetodit test () regulaaravaldisest, et kontrollida, kas sisestatud e-kiri vastab mustrile.
4. Kui meil on kehtiv, kuvame hoiatusteate, mis näitab, et see on kehtiv; vastasel juhul kuvame hoiatusteate, mis näitab, et see on kehtetu.
5. HTML-is loome sisestusvälja tüübiga "email" ja nupu, millel klõpsamine kutsub funktsiooni valideMail sisestusväljale sisestatud väärtusega.

function validateEmail (post) {
// Regulaaravaldis meili kinnitamiseks
var regex = /^[w-]+([w-]+)*@[w-]+([w-]+)*.[a-zA-Z]{2,}$/;
// Kontrollige, kas kiri vastab regulaaravaldise
if (regex.test) poolt määratud mustrile (mail)) {
alert("Kehtiv e-post");
} else {
hoiatus ("Vigane e-post");
}
}

Meili kinnitamine JavaScripti ja regexiga

Kinnitage

JavaScripti kinnitamise eelised ja puudused

Sisendandmete (nt e-posti aadresside) kinnitamisel kliendi poolel JavaScripti abil on eelised ja puudused:

Eelised	Puudused
Kohene tagasiside kasutajale	Ei ole ohutu
Väiksem serveri koormus	Brauseriülene ühilduvus
Parandage kasutajakogemust	Jõupingutuste dubleerimine (kliendi/serveri pool)
Reageerimisaja vähendamine	Ei asenda serveripoolset valideerimist

Andmete valideerimine JavaScripti abil ei asenda serveripoolset valideerimist. Küll aga aitab see koormust vähendada. Andmete kinnitamiseks serveri poolel soovitan lugeda:

• Kirjade kinnitamine PHP-ga