Kuidas rakendada vormi kinnitamist nurk-JS-is?

See artikkel annab teile üksikasjaliku ja põhjaliku teabe vormide valideerimise rakendamise kohta nurk-JS-is koos näidetega

Valideerimine on meetod autentima kasutaja. Seda kasutatakse kõigis veebitehnoloogiates nagu ja . Kuid täna keskendume valideerimisele nurk-JS-is järgmises järjekorras:



Mis on vormi valideerimine?

Vormi valideerimine on tehnika, mille abil saame kinnitada HTML-vormi. Võtame lihtsa näite, oletades, et kasutajal on HTML-vorm ja HTML-vormil on erinevad väljad. Nende väljad kinnitab vormide valideerija, kui soovime vormi valideerida, peame lihtsalt kontrollima konkreetse välja väärtust valideerija avaldisega .



validation-in-angular-jsKui regulaaravaldis ja välja väärtus on samad, võime öelda, et meie vorm on valideeritud. HTML-vormingus on erinevat tüüpi valideerimisi nagu e-post, kohustuslik, min, max, parool jne.

Vormi kinnitamine nurk-JS-is

Räägime sellest, kuidas saame vormi kinnitada nurk-JS-is. Nurga JS pakub erinevat tüüpi vormide valideerimise omadusi, mida saame kasutada vormi valideerimiseks või andmete saamiseks vormilt.



  • $ kehtiv : See omadus ütleb, kas väli on kehtiv või mitte, rakendades sellele vastavat reeglit.

  • $ kehtetu : Nagu nimi ütleb, et see paanib ilmastiku, on väli vale või ei põhine selle asjakohasel reeglil.

  • puutumatu $ : See naaseb tõeseks, kui vormi sisendvälja ei kasutata.



    pl sql arendaja õpetus algajatele
  • $ räpane : See naaseb tõeseks, kui kasutatakse vormi sisendvälja.

  • $ puudutas : BooleanTrue, kui sisend on hägune.

Vormile juurdepääsemiseks toimige järgmiselt. .

Sisendile juurdepääsemiseks toimige järgmiselt. ..

Nüüd selgitame näite abil vormi valideerimist nurk-JS-is, nii et kõigepealt teeme kaks faili, millest üks on app.js ja teine ​​on index.html. Meie fail index.htm sisaldab lihtsat HTML-vormi, millel on nurkvalideerimine, ja failis app.js on taustaprogrammi kood, mis käsitleb vormi valideerimist lehel index.html.

kuidas kasutada swing java

Theindex.htmllehe sisu vormis koosnovalidaatvara ja mida see täpselt tähendab?

Atribuut novalidate vormimärgendis ütleb HTML-ile, et saame kasutada kohandatud vormide valideerimist. Kui me ei anna omadust novalidate ja HTML-vorm valideeritakse HTML5-vormi vaikevalide kinnitusomaduste abil.

Vormi valideerimise etapid

Oma vormis lõime oma vormis 6 välja, milleks on eesnimi, perekonnanimi, e-posti aadress, telefon, parool ja sõnum.

  1. Esiteks lisame vajaliku väljavalideerija, see valideerija ütleb kasutajatele, et on vaja konkreetset välja.

  2. Järgmine on e-posti väli, kui kasutaja ei esita ühtegi kehtivat e-posti aadressi, siis meie e-posti aadressi kinnitaja viskab e-posti valideerimisvea.

  3. Parooli valideerimisel määrasime minimaalse ja maksimaalse pikkuse, minimaalne pikkus on 5 ja maksimaalne pikkus 8, nii et kasutaja saab anda kehtiva parooli vahemikus 5 kuni 8 tähemärki.

  4. Lõpuks seadistame vajalikud telefoni- ja sõnumiväljad ning rakendame esitatud telefoninumbril valideerimist.

Vormi kinnitamise kood nurga all JS

index.html

Nurgaulatuse näide Eesnimi 

See on esitatud

Perekonnanimi

See on esitatud

E-post

See on esitatud

Kehtetu e-posti aadress

Telefon

See on esitatud

See pole kehtiv telefon

Parool

See on esitatud

luua objektide massiiv

Parool 5–8 tähemärki

Sõnum

See on esitatud

Esita

app.js

var app = nurk.moodul ('ngValidApp', []) app.controller ('ngValidController', funktsioon (ulatus $ ulatus) {})

Räägime mõnest valideerimisdirektiivist, mida kasutatakse kujul:

  • ng-vajalik : Nõutava välja sisestamise eest
  • ng-show : Tingimuse põhjal kuvatakse tõrketeade (kontrollige kinnitusomadusi)
  • minipikkusest : Minimaalse pikkuse tagamiseks
  • ng-maxlength : Maksimaalse pikkuse tagamiseks
  • mustrist : Kindla mustri sobitamiseks
  • ng-mudel : Seob välja kinnitamise omadustega, nagu $ error, $ valid jne.

Sellega jõuame selle valideerimise nurga JS-i artiklis lõpule. Loodan, et saite aru erinevatest asjadest, mida tuleb nurk-JS-i vormi valideerimisel arvesse võtta.

Kui soovite nurkraamistiku kohta lisateavet, vaadake meie mis on varustatud juhendajate juhitud elava koolituse ja reaalse elu projektikogemusega. See koolitus aitab teil põhjalikult mõista nurka ja aitab teil selle teema üle meisterlikkust saavutada.

Kas teil on meile küsimus? Palun mainige seda selle artikli kommentaaride jaotises ja me võtame teiega ühendust.