Pvz., el. pašto patvirtinimas naudojant „JavaScript“ („Regex“)
„Javascript“ / / April 15, 2023
Daug kartų mums pateikiamas poreikis patvirtinti, kad el. pašto adresas įvestas tam tikrame mūsų formos lauke. galiojantis el. Šiame straipsnyje sužinosime, kaip patvirtinti el. laiškus naudojant įprastus posakius (taip pat žinomas kaip reguliarioji išraiška) „JavaScript“.
Straipsnio turinys.
- • Kas yra reguliarioji išraiška (regex)?
- • El. pašto patvirtinimas naudojant reguliarųjį reiškinį
- • Pilnos formos pavyzdys
- • Patvirtinimo naudojant JavaScript privalumai ir trūkumai
Kas yra reguliarioji išraiška (regex)?
Įprasta išraiška yra simbolių seka, apibrėžianti paieškos šabloną. Šiuo atveju norime rasti šabloną, atitinkantį galiojantį el. pašto adresą.
Reguliarios išraiškos yra galingas ir lankstus įrankis, skirtas dirbti su teksto eilutėmis ir patvirtinti įvesties duomenis.
El. pašto patvirtinimas naudojant reguliarųjį reiškinį
Norėdami patvirtinti, kad el. laiškas galioja, turime patikrinti, ar formatas yra teisingas, tai yra, ar jame yra @ ir domenas. Tam naudojame šią išraišką:
var reguliarioji išraiška = /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)*.[a-zA-Z]{2,}$/;
Pilnos formos pavyzdys
Šiame pavyzdyje parodyta, kaip patvirtinti el. pašto adresą naudojant JavaScript ir reguliarųjį posakį. Veiksmai, kuriuos atliekame, yra šie:
- Mes apibrėžiame funkciją, vadinamą
validateMail
kad patvirtinimui naudojamas el. laiškas kaip argumentas. - Sukuriame kintamąjį
reguliarioji išraiška
A, kurioje yra reguliarusis reiškinys, skirtas el. paštui patvirtinti. - Mes naudojame metodą
testas ()
reguliariojo posakio, kad patikrintumėte, ar įvestas el. laiškas atitinka šabloną. - Jei el. laiškas galioja, rodome perspėjimo pranešimą, nurodantį, kad jis galioja; kitu atveju rodome įspėjimo pranešimą, nurodantį, kad jis neteisingas.
- HTML sukuriame „email“ tipo įvesties lauką ir mygtuką, kurį spustelėjus iškviečiama funkcija
validateMail
su įvesties laukelyje įvesta verte.
function valideEmail (paštas) {
// Reguliarioji išraiška el. paštui patvirtinti
var regex = /^[w-]+([w-]+)*@[w-]+([w-]+)*.[a-zA-Z]{2,}$/;
// Patikrinkite, ar laiškas atitinka šabloną, apibrėžtą reguliariuoju reiškiniu
if (regex.test (paštas)) {
alert("Galiojantis el. paštas");
} dar {
įspėjimas („Neteisingas el. paštas“);
}
}
El. pašto patvirtinimas naudojant „JavaScript“ ir „regex“.
Patvirtinimo naudojant JavaScript privalumai ir trūkumai
Įvesties duomenų, pvz., el. pašto adresų, patvirtinimas naudojant „JavaScript“ kliento pusėje turi privalumų ir trūkumų:
Privalumai | Trūkumai |
---|---|
Greitas atsiliepimas vartotojui | Nėra saugus |
Mažesnė serverio apkrova | Suderinamumas su keliomis naršyklėmis |
Pagerinkite vartotojo patirtį | pastangų dubliavimas (kliento / serverio pusė) |
Reagavimo laiko sumažinimas | Nepakeičia patvirtinimo serverio pusėje |
Duomenų patvirtinimas naudojant „JavaScript“ nepakeičia serverio patvirtinimo. Tačiau tai padeda sumažinti apkrovą. Norėdami patvirtinti duomenis serverio pusėje, rekomenduoju perskaityti:
- Pašto patvirtinimas naudojant PHP
Kaip cituoti? Picardo, A. ir Del Moralas, M. (s.f.). El. pašto patvirtinimo pavyzdys su „JavaScript“. Pavyzdys. Gauta 2023 m. balandžio 15 d. iš https://www.ejemplode.com/24-javascript/57-ejemplo_de_validacion_de_correo_electronico_con_javascript.html