Kā īstenot formas apstiprināšanu leņķiskajā JS?

Šis raksts sniegs jums detalizētas un visaptverošas zināšanas par to, kā īstenot formas apstiprināšanu leņķiskajā JS ar piemēriem

Apstiprināšana ir metode autentificēt lietotājs. To izmanto visās tīmekļa tehnoloģijās, piemēram, un . Bet šodien mūsu uzmanības centrā būs validācija leņķiskajā JS šādā secībā:

Kas ir veidlapas validācija?

Veidlapas validācija ir paņēmiens, ar kura palīdzību mēs varam apstiprināt HTML formu. Ņemsim vienkāršu piemēru, pieņemot, ka lietotājam ir HTML forma un ka HTML veidlapai ir dažādi lauki. Šo lauku apstiprina formas validators, kad mēs vēlamies apstiprināt veidlapu, kas mums vienkārši jāpārbauda konkrētā lauka vērtība ar validatora izteiksmi .





validation-in-angular-jsJa regulārā izteiksme un lauka vērtība ir vienādas, mēs varam teikt, ka mūsu forma ir apstiprināta. HTML formā ir dažādi validācijas veidi, piemēram, e-pasts, obligātais, min, maks, parole utt.

Formas apstiprināšana leņķiskajā JS

Parunāsim par to, kā mēs varam apstiprināt formu leņķiskajā JS. Angular JS nodrošina dažāda veida veidlapu validācijas īpašības, kuras mēs varam izmantot, lai apstiprinātu veidlapu vai iegūtu datus no formas.



  • $ derīgs : Šis rekvizīts norāda, vai lauks ir derīgs, piemērojot tam atbilstošo noteikumu.

  • $ nederīgs : Tā kā nosaukums saka par nederīgu, šīs flīzes ietekmē lauks nav derīgs vai nav balstīts uz atbilstošiem noteikumiem.

  • $ senatnīgs : Tas atgriezīsies patiess, jo formas ievades lauks netiek izmantots.



  • $ netīrs : Tas atgriezīsies patiess, jo tiek izmantots veidlapas ievades lauks.

  • $ pieskārās : BooleanTrue, ja ievade ir izplūdusi.

    split funkcija java piemērā

Lai piekļūtu veidlapai: .

Lai piekļūtu ievadei: ..

Tagad paskaidrosim formas validāciju leņķiskajā JS ar piemēru, tāpēc vispirms mēs izveidojam divus failus, viens ir app.js un otrs ir index.html. Mūsu index.htm failā ir vienkārša HTML forma, kurai ir leņķa validācija, un mūsu app.js failā ir aizmugures kods, lai rīkotos ar veidlapas validāciju index.html lapā.

kā padarīt jframe java

Theindex.htmllappuses satura forma arnovalidātsīpašums un ko tas precīzi nozīmē?

Veidlapas tagā esošais rekvizīts novalidate norāda HTML, ka mēs varam izmantot mūsu pielāgotās formas validāciju. Ja mēs nedodam rekvizītu novalidate un HTML forma tiek apstiprināta, izmantojot HTML5 noklusējuma veidlapas validācijas rekvizītus.

Formas validācijas soļi

Savā formā mēs veidlapā izveidojām 6 laukus, piemēram, vārdu, uzvārdu, e-pastu, tālruni, paroli un ziņojumu.

  1. Pirmkārt, mēs pievienojam nepieciešamo lauku validatoru, šis validators lietotājiem paziņo, ka ir nepieciešams noteikts lauks.

  2. Nākamais ir e-pasta lauks, ja lietotājs nedod derīgu e-pastu, tad mūsu e-pasta validators uzrāda e-pasta validācijas kļūdu.

  3. Paroles validācijā mēs iestatījām minimālo un maksimālo garumu, minimālais garums ir 5 un maksimālais garums 8, lai lietotājs varētu norādīt derīgu paroli no 5 līdz 8 rakstzīmēm.

  4. Visbeidzot, mēs iestatām nepieciešamos tālruņa un ziņojuma laukus, un, konkrēti, mēs lietojam tālruņa numuru validāciju.

Veidlapas validācijas kods leņķiskajā JS

index.html

Leņķiskās darbības jomas piemērs Vārds 

Tas ir jāiesniedz

Uzvārds

Tas ir jāiesniedz

kā padarīt vārdnīcu java
E-pasts

Tas ir jāiesniedz

E-pasta adrese nav derīga

Tālrunis

Tas ir jāiesniedz

Šis nav derīgs tālrunis

Parole

Tas ir jāiesniedz

Parole no 5 līdz 8 rakstzīmēm

Ziņojums

Tas ir jāiesniedz

Iesniegt

app.js

var app = angular.module ('ngValidApp', []) app.controller ('ngValidController', funkcija ($ sfēra) {})

Parunāsim par kādu validācijas direktīvu, kas tiek izmantota šādā formā:

  • nepieciešamais : Par nepieciešamā lauka nodrošināšanu
  • ng-šovs : Lai parādītu kļūdas ziņojumu, pamatojoties uz nosacījumu (pārbaudiet validācijas īpašības)
  • no garuma : Par minimālā garuma nodrošināšanu
  • ng-maxlength : Par maksimālā garuma nodrošināšanu
  • no modeļa : Lai tas atbilstu noteiktam paraugam
  • ng-modelis : Saista lauku ar validācijas īpašībām, piemēram, $ error, $ valid utt.

Ar to mēs esam pabeiguši šo apstiprināšanu Angular JS rakstā. Es ceru, ka jūs sapratāt dažādas lietas, kas jāņem vērā, apstiprinot formu Angular JS.

Ja vēlaties uzzināt vairāk par leņķa ietvaru, apskatiet mūsu kas nāk ar instruktoru vadītu tiešraides apmācību un reālās dzīves projektu pieredzi. Šī apmācība palīdzēs jums padziļināti izprast leņķisko un palīdzēs jums apgūt priekšmetu.

Vai mums ir jautājums? Lūdzu, pieminējiet to šī raksta komentāru sadaļā, un mēs ar jums sazināsimies.