Potvrdite obrazac s Jqueryjem

Za izvršavanje ovog zadatka koristit ćemo Jquery Validation, knjižnicu kako bi kôd bio čistiji, kompaktniji i proširiv. Ova tehnologija radi i za programere php i asp.net, budući da radi na klijentskoj strani, a ne na poslužitelju.
Počet ćemo preuzimanjem dodatka http://jqueryvalidation.org/ i najnovije verzije JQuery http://jquery.com/download/
Između oznaka
Dodatak jquery.validation radi putem metoda provjere valjanosti i pravila provjere valjanosti koja ćemo definirati.
Metoda provjere valjanosti je vrsta podataka, na primjer numeričko tekstualno polje i pravila validacije Omogućuju pridruživanje elementa našeg obrasca, na primjer u tekstualnom okviru, jednoj ili više metoda provjere valjanosti.
Na primjer, definiramo obrazac i tekstualni okvir s imenom te mu dodjeljujemo id i potrebnu klasu, odnosno obaveznu.

Ime

Nakon obrasca stavljamo kôd koji će izvršiti provjeru

Ako pokušamo poslati obrazac, a da ništa ne upišemo u polje s imenom, to je poruka. Ovo polje prema zadanim je postavkama potrebno na engleskom jeziku.

U obrazac ćemo dodati polje za e -poštu, a potrebnom atributu dodijelit ćemo e -poštu

E-mail

U ovom slučaju možemo vidjeti da je polje za poštu provjereno i kaže da to nije valjana adresa e -pošte.
PREVODI PORUKE O GREŠKAMA
Vidjeli smo da jQuery validation prema zadanim postavkama koristi engleski jezik, vidjet ćemo kako ga prevesti na španjolski. Kada dodatak preuzmemo u direktorij za lokalizaciju, on uključuje js datoteke s porukama prevedenim na nekoliko jezika, samo moramo odabrati onu koja nam je potrebna i dodati je u nju, pa dodajemo
Osvježavamo web i promjene se primjećuju s pogreškama na španjolskom

Jezična datoteka jednostavno je tekst koji sadrži jquery funkciju, stoga je možemo otvoriti i urediti kako bismo prilagodili poruke.
Ako želimo da se polje ne provjerava, nećemo mu staviti potrebnu klasu. Ovaj dodatak podržava različite formate podataka kao što su najveća vrijednost, minimalna vrijednost, datum, numeričke znamenke, provjera valjanosti veze. Također možemo stvoriti pravila kao što je polje dobi u koje je dopušteno unositi samo numeričke vrijednosti između 18 i 99 godina

$ (). ready (function () {

$ ("#formdatos"). validate ({

otklanjanje pogrešaka: istina,

pravila: {

dob: {

potrebno: istina,

znamenke: istina,

min: 18,

max: 99

}

}

})

})

Ovaj dodatak omogućuje nam da uštedimo puno vremena u razvoju web aplikacija i izbjegnemo, na primjer, pogreške u prikupljanju podataka.

Pravila i metode mogu se stvoriti s većom složenošću, pa čak i izvesti proširenja pomoću jquery funkcija, poput prijevoda ili drugih koje su nam potrebneJe li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod