Kako implementirati provjeru valjanosti obrasca u Angular JS?



Ovaj će vam članak pružiti detaljno i sveobuhvatno znanje o tome kako primijeniti provjeru valjanosti obrasca u Angular JS s primjerima

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 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 .





validation-in-angular-jsAko 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.htmlobrazac sadržaja stranice saponištitiimovine 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.

  1. Prvo, dodamo potreban validator polja, ovaj validator poručuje korisnicima da je potrebno određeno polje.

  2. 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.

  3. 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.

  4. 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 programiranje
Prezime

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.