Cum se efectuează validarea e-mailului în JavaScript? [Cu exemple]
Publicat: 2021-02-23JavaScript este un limbaj de programare conceput pentru a crea aplicații. Este mult mai rapid decât alte limbi, deoarece este atât de ușor și ușor de utilizat. Este folosit pentru a crea aplicații bine concepute.
Validarea e-mailului în JavaScript este importantă pentru experiența utilizatorului de a crea aplicații web. Validarea ajută la transmiterea informațiilor valide către un server de la clientul aplicației web.
Cuprins
Ce este validarea?
Validarea se referă la procesul de examinare a valorilor introduse de utilizator. Joacă un rol crucial în crearea de aplicații și îmbunătățește experiența utilizatorului. Multe câmpuri, cum ar fi numerele de telefon mobil, e-mailurile, datele și parolele, sunt validate prin acest proces.
JavaScript face procesul de validare mai rapid datorită prelucrării mai rapide a datelor decât alte validări pe partea serverului. Acum să aruncăm o privire asupra implementării validării e-mailului în JavaScript .
Validarea e-mailului în JavaScript
Validarea e-mailului este una dintre părțile vitale ale autentificării unui formular HTML. E-mailul este un subset sau un șir de caractere ASCII, împărțit în două părți folosind simbolul @. Prima parte constă în informații private, iar a doua conține numele domeniului în care este înregistrat un e-mail.
Iată caracterele ASCII ale primei părți:
- Caractere speciale, cum ar fi # * + & ' ! % @ ? { ^ } ”
- Caractere numerice (de la 0 la 9)
- Punct, punct etc., având condiția ca ea să nu fie ultima sau chiar prima literă a e-mailului și să nu poată fi repetată după alta.
- Litere mari (de la A la Z) și litere mici (de la a la z).
A doua parte include următoarele:
- Puncte
- Cifre
- Cratime
- Scrisori
Utilizarea expresiilor regulate este una dintre cele mai bune modalități de validare a e-mailului în JavaScript . Utilizează expresii regulate pentru a defini modelul personajului.
Câteva dintre exemplele de ID valid de e-mail:
Câteva alte exemple de ID de e-mail nevalid
- [email protected] (punctele unul pe altul nu sunt permise)
- Inownzsite()&@abcd.com (în expresia regulată sunt permise doar caractere, liniuță, liniuță de subliniere și cifre.)
- Site-ul nostru webismne.azbyz.com (aici simbolul @ nu este acolo)
- [email protected] (Aici domeniul de nivel superior nu poate începe cu un punct)
- @youmenandwe.we.net (aici nu poate începe cu simbolul @)
- [email protected] („.b” nu este un domeniu de nivel superior valid) email.js
Fișierul constă dintr-un cod JavaScript necesar pentru validarea e-mailului. Aici expresiile regulate sunt folosite pentru a valida un e-mail la partea client a unei aplicații.
Puncte de control pentru validarea eficientă a e-mailului în codul JavaScript:
- Descrieți o expresie regulată pentru a valida o adresă de e-mail
- Dacă o valoare de intrare se potrivește cu expresiile regulate
- Dacă se potrivește, trimite alerta care spune „adresa de e-mail este validă”.
- Dacă nu se potrivește, trimiteți alerta spunând „adresa de e-mail este invalidă”.
Înrudit: Validarea parolei în Javascript
Cod de validare a e-mailului în JavaScript
Mai jos este codul de validare a e-mailului în JavaScript. Acest cod poate valida dacă e-mailul creat sau introdus de utilizator este valid sau nu. Salvați fișierul ca filename.js.
// Fragment de cod
funcția EmailValidation(introdusăEmail)
{
var mail_format = /^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/;
if(enteredEmail.value.match(enteredEmail))
{
alert(„Da! un e-mail valid!”);
document.form1.text1.focus();
returnează adevărat;
}
Altfel
{
alert(„Ne pare rău! un e-mail nevalid!”);
document.form1.text1.focus();
returnează fals;
}
}
Funcția JavaScript este utilizată în formularul HTML, ca mai jos. Salvați fișierul ca filename.html:
<!DOCTYPE html>
<html lang="ro">
<cap>
<meta charset="utf-8″>
<title>validare e-mail în JavaScript</title>
<link rel='stylesheet' href='form-style.css' type='text/css' />
</cap>
<body onload='document.form1.text1.focus()'>
<div class="mail”>
<h2>Introduceți adresa de e-mail pentru validare</h2>
<form name="form1″ action="#">
<ul>
<li><input type='text' name='text1'/></li>
<li> </li>
<li class=”Validate”><input type=”submit” name=”Validate” value=”Validate” onclick=”ValidateEmail(document.form1.text1)”/></li>
<li> </li>
</ul>
</form>
</div>
<script src="filename.js"></script>
</corp>
</html>
Următorul cod poate adăuga stil formularului folosind CSS. Salvați fișierul ca filename.css.
li {list-style-type: none;
dimensiunea fontului: 16pt;
}
.Poștă {
margine: auto;
padding-top: 20px;
padding-bot: 20px;
latime: 850px;
fundal: rgb(150, 195, 208);
chenar: 1px soild rgb(1, 20, 24);
}
.mail h2 {
margine-stânga: 36px;
}
intrare {
dimensiunea fontului: 28pt;
}
input:focus, textarea:focus{
culoare de fundal: alb;
}
intrare trimite {
dimensiunea fontului: 18pt;
}
Acum puteți executa codul HTML și finaliza validarea e-mailului în JavaScript .
Citiți: Proiecte Javascript în GitHub
Învață cursuri de software online de la cele mai bune universități din lume. Câștigă programe Executive PG, programe avansate de certificat sau programe de master pentru a-ți accelera cariera.
Concluzie
Validarea e-mailului este foarte importantă pentru a evita crearea de adrese de e-mail invalide. În acest articol, se explică, împreună cu codul, să se valideze dacă un id de e-mail este valid sau nu și să lase sistemul să verifice și să notifice utilizatorul dacă id-ul de e-mail introdus nu este valid.
Dacă sunteți interesat să aflați mai multe despre dezvoltarea full-stack, consultați programul Executive PG de la upGrad și IIIT-B în dezvoltarea software full-stack, care este conceput pentru profesioniști care lucrează și oferă peste 500 de ore de formare riguroasă, peste 9 proiecte și misiuni. , Statut de absolvenți IIIT-B, proiecte practice practice și asistență pentru locuri de muncă cu firme de top.
