Preverjanje JavaScript: vse, kar morate vedeti o preverjanju veljavnosti obrazcev in e-pošte

Ta članek o preverjanju veljavnosti JavaScript bo poglobil znanje o preverjanju veljavnosti obrazcev. Priskrbel bo primer za preverjanje obrazca z uporabo javascripta.

JavaScript je eden izmed najbolj priljubljenih jezikov v , Front-end in Back-end razvoj. Uporablja se za ustvarjanje lepo oblikovanih spletnih strani. V JavaScript se validacija uporablja za preverjanje pristnosti uporabnika. V tem Preverjanje JavaScript članka, Spoznali boste preverjanje veljavnosti obrazcev v naslednjem zaporedju:

Kaj je JavaScript?

je na visoki ravni, interpretiran programski jezik, s katerim so spletne strani bolj interaktivne. Je zelo močan na strani stranke skriptni jezik, kinaredi vašo spletno stran bolj živahno in interaktivno.





Javascript - preverjanje javascripta - edureka

To je programski jezik, ki vam pomaga pri implementaciji a zapleteno in čudovit dizajn na spletne strani . Če želite, da je vaša spletna stran videti živa in naredi veliko več, kot samo gledati na vas, je JavaScript nujen.



Značilnosti JavaScript:

končno vs končno vs finalizirati
  • Je skriptni jezik in nima nič skupnega . Sprva je bil imenovan Mocha , nato spremenjeno v LiveScript in končno je bil imenovan kot JavaScript .

  • JavaScript je objektno programski jezik, ki podpira polimorfizem, inkapsulacijo in dedovanje.



  • JavaScript lahko zaženete ne samo v brskalnik ampak tudi na strežnik in katero koli napravo, ki ima JavaScript Engine.

JavaScript funkcije

Temeljni gradniki v JavaScript se imenujejo kot Funkcije . V bistvu gre za niz trditev, ki opravi nalogo ali izračuna vrednost. Če želite uporabiti funkcijo, jo je treba definirati nekje v obsegu, iz katerega jo želite poklicati.

Definicija funkcije je sestavljena iz ključne besede funkcije, ki ji sledi:

  • The ime funkcije.

  • Seznam parametrov v funkcijo, ki je zaprta v oklepajih in ločena z vejicami.

  • JavaScript izjave ki opredeljujejo funkcijo, zaprto v zavite oklepaje, {}.

Vzemimo primer in poglejmo, kako definirati funkcijo z imenom dodaj :

funkcija add (a, b) {return a + b}

Zdaj se za preverjanje uporabnika uporablja funkcija preverjanja veljavnosti. Torej, pojdimo naprej in se naučimo več o preverjanju veljavnosti JavaScript.

Kaj je validacija?

Validacija je metoda za preverite pristnost uporabnik. JavaScript omogoča preverjanje obrazca na strani odjemalca, zato bo obdelava podatkov hitrejša od preverjanja na strani strežnika. Večina spletnih razvijalcev ima prednost. Preko JavaScript lahko preverimo imena, geslo, e-pošto, datum, številke mobilnih telefonov in več polj.

Na strani stranke validacija stranki prepreči, da bi vedel, ali je obrazec v redu, preden ponovno naloži stran. Ker Na strani strežnika preverjanje veljavnosti je pomembno, ker lahko preverjanje na strani odjemalca popolnoma zaobidemo z izklopom JavaScript.

Zdaj pa nadaljujmo z našim člankom o preverjanju JavaScript in si oglejmo primer preverjanja obrazca.

Preverjanje JavaScript: primer

Naslednji primer je koda v HTML, CSS in JavaScript za preverjanje obrazca, kjer:

  1. HTML je vajen ustvariti oblika.
  2. JavaScript je vajen potrdi oblika.

FormValidation.html

validacija obrazca / ** /
Geslo:
 

To bo dalo naslednji rezultat:

kaj je mvc v javi

Zdaj morate ustvariti še eno datoteko, ki bo preusmeritev po kliku strani na novo oddajte .

Text.html

Preverjanje obrazca / ** /

Preusmeril bo na drugo stran in dal naslednje izhod :

Zdaj moramo dodati a Funkcija v našem JavaScipt za povezavo vhodnega ID-ja. To se bo pojavilo opozorilo sporočilo, če je katero od polj prazno.

funkcija validateform () {var name = document.myform.name.value var geslo = document.myform.password.value if (name == null || name == '') {opozorilo ('Ime ne sme biti prazno' ) return false} else if (geslo.length<6){ alert('Password must be atleast 6 characters long.') return false } } 

To bo sprožilo naslednje opozorilo ko Polje z imenom ostane prazno:

Nato, če vnesete ime in zapustite Polje za geslo prazno, se bo prikazalo naslednje opozorilo :

Ko dodate ime in geslo v pravilni obliki, bo ta stran preusmerjena na stran Text.html za končni izhod.

Popolna koda za Preverjanje obrazca kot sledi:

funkcija za preverjanje veljavnosti obrazca validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Ime ne more biti blank ') return false} else if (geslo.length<6){ alert('Password must be atleast 6 characters long.') return false } } Geslo: 

To je bil primer preverjanja obrazca v JavaScript. lahko preverimo tudi e-poštni ID, geslo, številko mobilnega telefona. in še veliko več.

c ++ razvrščanje nizov

Torej, vzemimo še en primer in poglejmo, kako potrditi e-poštni ID z uporabo JavaScript.

Preverjanje e-pošte v JavaScript

Email.html

funkcija ValidateEmail (inputText) {var mailformat = /^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/ if (inputText.value. match (mailformat)) {document.form1.text1.focus () return true} else {alert ('Vnesli ste neveljaven e-poštni naslov!') document.form1.text1.focus () return false}}

Izhod

S tem smo prišli do konca našega članka o preverjanju JavaScript. Upam, da se vam je ta blog zdel informativen in ste osnovno razumeli preverjanje JavaScript.

Prav tako ne pozabite preveriti avtor Edureka . Imate vprašanje za nas? Prosimo, navedite ga v oddelku za komentarje v 'Validacija JavaScript' in javili se vam bomo.