Este vorba de verificarea e-mailului de pe partea clientului și acest articol va fi discutat. Vom implementa acest lucru pe jQuery, astfel încât să înțelegeți cu toții, este de dorit să cunoașteți trăsăturile de bază ale colaborării cu acest cadru.
Toate sursele utilizate în această lecție, puteți descărca făcând clic pe butonul de mai jos.
Pasul 1 - Pregătirea. Creați un formular pe HTML
Creați o pagină HTML simplă. Aș dori să vă atrag atenția asupra faptului că biblioteca jQuery trebuie să fie conectată la ea.
De asemenea, între etichetele capului. am deschis scriptul. unde scriem codul în sine.
Pasul 2 - Setați evenimentul neclare pentru a verifica câmpul
Dacă utilizatorul face clic pe câmpul de introducere a e-mailului, acest câmp primește focalizare. După ce utilizatorul introduce e-mailul și înlătură cursorul de pe câmp, focalizarea se pierde și se produce evenimentul neclar. Din cauza acestui eveniment, am agățat-o pe handler.
Pasul 3 - Verificați dacă câmpul este gol
Înainte de a începe validarea e-mail-ului introdus, trebuie să verificați dacă utilizatorul a introdus ceva. Deoarece câmpul poate fi gol.
Dacă este gol, atunci afișăm un mesaj de avertizare despre acest lucru.
Pasul 4 - Verificați complet e-mailul introdus
Asta e tot! Am realizat sarcinile stabilite, dar am vrut să vă reamintesc încă o dată că nu trebuie să vă bazați în întregime pe acest tip de verificare (verificare pe partea clientului). Prin urmare, nu uitați să verificați întotdeauna datele primite deja de partea serverului.
dar cum să rezolve un anumit minus?
Dacă utilizatorul a completat câmpul cu e-mailul în ultimul loc și nu are nevoie să facă clic pe altundeva pe ecran, butonul va rămâne inactiv.
de fapt pleacă: a umplut câmpul -> a făcut clic în afara câmpului -> puteți apăsa butonul activ
minus: a completat câmpul -> acest pas este exclus - - faceți clic înainte de albastru pe butonul inactiv, chiar dacă câmpul este umplut corect
Articole similare
Trimiteți-le prietenilor: