Provjera valjanosti je metoda za ovjeriti korisnik. Koristi se u svim web tehnologijama poput i . Ali danas ćemo se usredotočiti na provjeru valjanosti u Angular JS sljedećim redoslijedom:
što je jit compiler u javi
- Što je provjera valjanosti obrasca?
- Provjera obrazaca u kutnom JS-u
- Koraci u provjeri valjanosti obrasca
- Kodirati
Što je provjera valjanosti obrasca?
Provjera obrasca tehnika je kojom možemo provjeriti valjanost HTML obrasca. Uzmimo jednostavan primjer da pretpostavimo da korisnik ima HTML obrazac i da HTML obrazac ima različita polja, ta polja provjerava valjanost obrasca kada želimo provjeriti valjanost obrasca samo trebamo provjeriti vrijednost određenog polja izrazom validatora .
Ako su regularni izraz i vrijednost polja jednaki, onda možemo reći da je naš obrazac potvrđen. U HTML obrascu postoje različite vrste provjera valjanosti poput e-pošte, obavezne, min, maks, lozinke itd.
Provjera obrazaca u kutnom JS-u
Razgovarajmo o tome kako možemo potvrditi oblik u kutnom JS. Angular JS pruža razne vrste svojstava provjere valjanosti obrazaca koje možemo koristiti za provjeru valjanosti obrasca ili za dobivanje podataka iz obrasca.
$ vrijedi : Ovo svojstvo govori primjenjuje li se odgovarajuće pravilo o tome je li polje valjano ili ne.
$ nevaljano : Kao što naziv kaže da je ovo pločica nevaljano, polje je nevaljano ili se ne temelji na odgovarajućem pravilu o tome.
$ netaknuto : Vratit će true u polju za unos obrasca koji se ne koristi.
$ prljavo : Vratit će vrijednost true u korištenom polju za unos obrasca.
$ dotaknuo : BooleanTrue ako je unos zamućen.
Da biste pristupili obrascu: .
Da biste pristupili ulazu: ..
Sad objasnimo primjer provjere valjanosti u kutnom JS-u, tako da prvo napravimo dvije datoteke, jedna je app.js, a druga index.html. Naša datoteka index.htm sadrži jednostavan HTML obrazac koji ima kutnu provjeru valjanosti, a datoteka app.js sadrži pozadinski kôd za obradu provjere valjanosti na stranici index.html.
Theindex.html
obrazac sadržaja stranice saponištiti
imovine i što to točno znači?
Svojstvo novalidate u oznaci obrasca govori HTML-u da možemo koristiti našu prilagođenu provjeru valjanosti obrasca. Ako ne damo svojstvo novalidate tada, a HTML obrazac provjerava valjanost pomoću zadanih svojstava provjere valjanosti HTML5.
Koraci u provjeri valjanosti obrasca
U našem obrascu stvorili smo 6 polja u našem obrascu, to su ime, prezime, e-pošta, telefon, lozinka i poruka.
Prvo, dodamo potreban validator polja, ovaj validator poručuje korisnicima da je potrebno određeno polje.
Dalje je polje e-pošte ako korisnik ne pošalje valjanu e-poštu, tada naš program za provjeru valjanosti e-pošte baca pogrešku provjere valjanosti e-pošte.
U provjeri valjanosti lozinke postavljamo minimalnu i maksimalnu duljinu, a minimalna duljina je 5, a maksimalna 8, tako da korisnik može dati valjanu lozinku između 5 do 8 znakova.
Na kraju, postavljamo obavezna polja za telefon i poruke, a posebno primjenjujemo provjeru valjanosti broja na prijavljenom telefonu.
Kôd za provjeru valjanosti obrasca u Angular JS
index.html
Primjer kutnog opsega Ime
Ova je prijava obavezna
najbolji softver za Java programiranjePrezime
Ova je prijava obavezna
E-mail
Ova je prijava obavezna
Nije valjana e-adresa
Telefon
Ova je prijava obavezna
Ovo nije valjani telefon
Zaporka
Ova je prijava obavezna
Lozinka između 5 do 8 znakova
Poruka
Ova je prijava obavezna
podnijeti
app.js
var app = angular.module ('ngValidApp', []) app.controller ('ngValidController', funkcija ($ opseg) {})
Razgovarajmo o nekim smjernicama za provjeru valjanosti koje se koriste u obliku:
- ng-potreban : Za pružanje potrebnog polja
- ng-show : Za prikaz poruke pogreške na temelju stanja (provjerite svojstva provjere valjanosti)
- male dužine : Za osiguravanje minimalne duljine
- ng-maxlength : Za osiguravanje maksimalne duljine
- uzorka : Kako bi odgovarao određenom obrascu
- ng-model : Polje veže uz svojstva provjere valjanosti poput $ error, $ valid itd.
Ovim smo došli do kraja ovog članka o provjeri valjanosti u Angular JS-u. Nadam se da ste razumjeli razne stvari koje treba uzeti u obzir za provjeru valjanosti oblika u Angular JS.
Ako želite saznati više o Angular framework-u, pogledajte naš koja dolazi s treningom uživo pod vodstvom instruktora i iskustvom u stvarnom životu. Ovaj trening pomoći će vam da dublje razumijete Angular i pomoći vam da postignete ovladavanje predmetom.
Imate pitanje za nas? Molimo vas da ga spominjete u odjeljku za komentare ovog članka i javit ćemo vam se.