Sadržaj
Kada radimo na izgradnji aplikacija s jednom stranicom, jedna od točaka koje možemo istaknuti je unos podataka, ova vrsta funkcionalnosti obično se radi pomoću oblikOčigledno, ako ćemo zatražiti podatke od korisnika, moramo potvrditi da oni ne sadrže greške.Na sreću AngularJS Ima neke unutarnje mehanizme koji nam omogućuju da vršimo provjere valjanosti na jednostavan način, dopuštajući tako da se obrazac šalje samo kada su ispunjeni uvjeti za format podataka.
Prva stvar koja će nam trebati je a oblik, postavit ćemo neka polja, na primjer ime, prezime i polje e -pošte, općenito, to su najčešće korištene vrste polja koje će nam dati priliku za generiranje potvrda. Pogledajmo početni kod koji imamo:
Ime:Prezime:E-mail:Dob:Poslati
Ako pogledamo, koristili smo karakteristike HTML za provjeru valjanosti polja, na primjer postavljanjem svojstva potreban za obavezna polja mislit će da će to raditi samo u novijim ili kompatibilnim preglednicima HTML5 samo, ali kad koristimo AngularJS, ovo će ispuniti alternativne provjere valjanosti ako aplikaciju otvorimo u pregledniku koji nije kompatibilan HTML5.
Vidimo da polje dobi, osim provjere tipa, ima i dva svojstva AngularJS koji su za duljinu polja, to znači da možemo postaviti brojeve samo između 1 i 3 znamenke ukupno.
Zasad nam dobro ide s vježbom, no ipak moramo potvrditi da za slanje podataka sve mora biti potvrđeno, jer za to moramo generirati kontroler koji nam to omogućuje, za to ćemo naznačiti u obliku koji kontroler će koristiti, promijenit ćemo redak:
Sljedećim:
Unutar kontrolera možemo pristupiti svojstvu zvanom $ vrijedi, koji će označiti je li naš obrazac valjan za slanje podataka, za to moramo izmijeniti redak gumba za slanje podataka sa sljedećim:
Poslati
Izmjena bi trebala biti sljedeća:
Poslati
Konačno, možemo stvoriti naš kontroler u AngularJS -u s kojim ćemo obraditi naše podatke:
funkcija AddControllerUser ($ opseg) {$ scope.message = ''; $ scope.addUser = function () {$ scope.message = 'Hvala,' + $ scope.user.name + ', dodano je!'; }; } To bi u našem pregledniku trebalo dati rezultat poput sljedećeg:
