Cuprins
Pentru a realiza această sarcină vom folosi Jquery Validation, o bibliotecă, astfel încât codul să fie mai curat, mai compact și extensibil. Această tehnologie funcționează atât pentru dezvoltatorii php, cât și pentru asp.net, deoarece rulează pe partea clientului și nu pe server.Vom începe prin descărcarea pluginului http://jqueryvalidation.org/ și, de asemenea, a celei mai recente versiuni a JQuery http://jquery.com/download/
Între etichete
Pluginul jquery.validation funcționează prin metode de validare și regulile de validare pe care le vom defini.
Metoda de validare este tipul de date, de exemplu un câmp de text numeric și reguli de validare Acestea permit asocierea unui element al formularului nostru, de exemplu în texbox, la una sau mai multe metode de validare.
De exemplu, definim un formular și o casetă de text pentru nume și îi atribuim un id și clasa necesară, adică obligatorie.
Nume
După formular, punem codul care va face validarea
Rezultatul dacă încercăm să trimitem formularul fără a scrie nimic în câmpul de nume este un mesaj. Acest câmp este obligatoriu în limba engleză.
E-mail
TRADUCEREA MESAJELOR DE EROARE
Am văzut că în mod implicit validarea jQuery utilizează limba engleză, vom vedea cum să o traducem în spaniolă. Când descărcăm pluginul în directorul de localizare, acesta include fișierele js cu mesajele traduse în mai multe limbi, trebuie doar să îl alegem pe cel de care avem nevoie și să îl adăugăm în el, prin urmare îl adăugăm
Reîmprospătăm internetul și modificările sunt observate cu erorile în spaniolă
Dacă dorim ca un câmp să nu fie validat, nu vom pune clasa necesară pe el. Acest plugin acceptă diverse formate de date, cum ar fi valoarea maximă, valoarea minimă, data, cifrele numerice, validarea legăturilor. De asemenea, putem crea reguli, cum ar fi un câmp de vârstă, în care sunt permise introducerea numai a valorilor numerice între 18 și 99 de ani
$ (). gata (funcție () {
$ ("#formdatos"). validate ({
depanare: adevărat,
reguli: {
varsta: {
obligatoriu: adevărat,
cifre: adevărat,
min: 18,
maxim: 99
}
}
})
})
Acest plugin ne permite să economisim mult timp în dezvoltarea aplicațiilor web și să evităm să greșim în captarea de date, de exemplu.
