Piemēram, e-pasta apstiprināšana ar JavaScript (Regex)

Daudzas reizes mums tiek parādīta nepieciešamība apstiprināt, ka e-pasta adrese ir ievadīta noteiktā mūsu veidlapas laukā. derīgs e-pasts. Šajā rakstā mēs uzzināsim, kā pārbaudīt e-pasta ziņojumus, izmantojot regulārās izteiksmes (pazīstamas arī kā regex) JavaScript.

Kas ir regulārā izteiksme (regulāra izteiksme)?

Regulārā izteiksme ir rakstzīmju secība, kas nosaka meklēšanas modeli. Šajā gadījumā mēs vēlamies atrast modeli, kas apzīmē derīgu e-pasta adresi.

Regulārās izteiksmes ir spēcīgs un elastīgs rīks darbam ar teksta virknēm un ievades datu validēšanai.

E-pasta apstiprināšana ar regulāro izteiksmi

Lai pārbaudītu, vai e-pasts ir derīgs, mums ir jāpārbauda, ​​vai formāts ir pareizs, tas ir, vai tajā ir ietverts @ un domēns. Šim nolūkam mēs izmantojam šādu izteiksmi:

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

Pilnas formas piemērs

Nākamajā piemērā ir parādīts, kā apstiprināt e-pasta adresi, izmantojot JavaScript un regulāro izteiksmi. Darbības, ko mēs veicam, ir šādas:

1. Mēs definējam funkciju, ko sauc valideMail kas kā argumentu izmanto e-pastu, lai apstiprinātu.
2. Mēs izveidojam mainīgo regex A satur regulāro izteiksmi e-pasta apstiprināšanai.
3. Mēs izmantojam metodi pārbaude() parastās izteiksmes, lai pārbaudītu, vai ievadītais e-pasts atbilst modelim.
4. Ja e-pasts ir derīgs, mēs parādām brīdinājuma ziņojumu, kas norāda, ka tas ir derīgs; pretējā gadījumā mēs parādām brīdinājuma ziņojumu, kas norāda, ka tas nav derīgs.
5. HTML mēs izveidojam ievades lauku “e-pasts” un pogu, uz kuras noklikšķinot tiek izsaukta funkcija valideMail ar ievades laukā ievadīto vērtību.

funkcija valideEmail (pasts) {
// Regulārā izteiksme e-pasta apstiprināšanai
var regex = /^[w-]+([w-]+)*@[w-]+([w-]+)*.[a-zA-Z]{2,}$/;
// Pārbaudiet, vai pasts atbilst paraugam, ko nosaka regulāra izteiksme
if (regex.test (pasts)) {
alert("Derīgs e-pasts");
} cits {
brīdinājums ("Nederīgs e-pasts");
}
}

E-pasta apstiprināšana, izmantojot JavaScript un regulāro izteiksmi

Apstiprināt

Validācijas ar JavaScript priekšrocības un trūkumi

Ievades datu, piemēram, e-pasta adrešu, apstiprināšanai, izmantojot JavaScript klienta pusē, ir priekšrocības un trūkumi:

Priekšrocības	Trūkumi
Tūlītēja atsauksme lietotājam	Nav droši
Mazāka slodze uz serveri	Saderība ar vairākām pārlūkprogrammām
Uzlabojiet lietotāja pieredzi	Piepūles dublēšana (klienta/servera pusē)
Reakcijas laika samazināšana	Neaizvieto validāciju servera pusē

Datu apstiprināšana, izmantojot JavaScript, neaizstāj servera puses validāciju. Tomēr tas palīdz samazināt slodzi. Lai pārbaudītu datus servera pusē, iesaku izlasīt:

• Pasta apstiprināšana ar PHP