JavaScript-validering: Alt du trenger å vite om validering av skjemaer og e-post

JavaScript er et av de mest populære språkene på , Front-end og Back-end Development. Den brukes til å lage vakkert designede nettsteder. I JavaScript brukes validering for å autentisere en bruker. I dette JavaScript-validering artikkel, Du vil lære om skjemavalidering i følgende sekvens:

• Hva er JavaScript?
• Funksjoner i JavaScript
• Hva er validering?
• Validering av JavaScript-skjema
• JavaScript E-postvalidering

Hva er JavaScript?

er en høyt nivå, tolket programmeringsspråk som brukes til å gjøre websider mer interaktive. Det er veldig kraftig klient side skriptspråk somgjør websiden din mer livlig og interaktiv.

Det er et programmeringsspråk som hjelper deg med å implementere en komplisert og vakker design på nettsider . Hvis du vil at websiden din skal se levende ut og gjøre mye mer enn bare å kaste bort deg, er JavaScript et must.

Funksjoner av JavaScript:

• Det er et skriptspråk og har ingenting å gjøre med . Opprinnelig ble den kalt Mokka , deretter endret til LiveScript og til slutt ble den kalt JavaScript .

  hva er data i vitenskap

• JavaScript er et objektbasert programmeringsspråk som støtter polymorfisme, innkapsling og arv også.

  
  
  

• Du kan kjøre JavaScript ikke bare i nettleser men også på server og alle enheter som har en JavaScript-motor.

JavaScript-funksjoner

Det grunnleggende byggeklosser i JavaScript kalles som Funksjoner . Det er i utgangspunktet et sett med utsagn som utfører en oppgave eller beregner en verdi. For å bruke en funksjon, bør den defineres et sted i omfanget du vil kalle den fra.

En funksjonsdefinisjon består av funksjonsnøkkelordet, etterfulgt av:

• De Navn av funksjonen.

• En liste med parametere til funksjonen, omsluttet av parentes og atskilt med komma.

• JavaScript uttalelser som definerer funksjonen, lukket i krøllete parenteser, {}.

La oss ta et eksempel og se hvordan vi definerer en funksjon som heter legge til :

funksjon legg til (a, b) {return a + b}

Nå, for å validere en bruker, brukes en valideringsfunksjon. Så la oss gå videre og lære mer om JavaScript-validering.

Hva er validering?

Validering er en metode for å autentisere brukeren. JavaScript gir muligheten til å validere skjemaet på klientsiden, slik at databehandling blir raskere enn validering på serversiden. Det foretrekkes av de fleste nettutviklere. Gjennom JavaScript kan vi validere navn, passord, e-post, dato, mobilnummer og flere felt.

Klient side validering hindrer klienten i å vite om skjemaet er i orden før en side lastes inn på nytt. Mens, Server-side validering er viktig på grunn av det faktum at validering på klientsiden kan omgås helt ved å slå av JavaScript.

La oss nå gå videre med vår JavaScript-validering-artikkel og se på eksemplet med skjemavalidering.

JavaScript-validering: Eksempel

Følgende eksempel er en kode i HTML, CSS og JavaScript for å validere et skjema der:

1. HTML er vant til skape formen.
2. JavaScript er vant til validere formen.

FormValidation.html

skjema validering / ** /
Passord: 
 

Dette vil gi følgende utdata:

hvordan du skanner etter et tegn i java

Nå må du opprette en annen fil som vil omdirigere siden til en ny etter å ha klikket sende inn knapp.

Tekst.html

Formvalidering / ** /

Det vil omdirigere til en annen side og gi følgende produksjon :

Nå må vi legge til en Funksjon i JavaScipt for å koble inndata-ID. Dette vil dukke opp en varsling melding hvis noen av feltene er tomme.

funksjon validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Name cannot be blank' ) returner falsk} annet hvis (passord.lengde<6){ alert('Password must be atleast 6 characters long.') return false } } 

Dette vil poppe følgende varsling når Navnefelt står tomt:

Deretter, hvis du skriver inn navnet og legger igjen Passordfelt tomt, vil det dukke opp følgende varsling :

Når du har lagt til navnet og passordet i riktig format, blir denne siden omdirigert til Text.html-siden for endelig utgang.

Den komplette koden for Formvalidering er som følgende:

formvalideringsfunksjon validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Name cannot be blank ') returner false} annet hvis (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } Passord: 
 

Dette var et eksempel på skjemavalidering i JavaScript. vi kan også validere e-post-ID, passord, mobilnr. og mange flere.

Så, la oss ta et annet eksempel og se hvordan vi kan validere epost id ved hjelp av JavaScript.

JavaScript E-postvalidering

E-post.html

funksjon ValidateEmail (inputText) {var mailformat = /^w+( Px.- ]?w+)*@w+((.- ]?w+)*(.w{2,3})+$/ if (inputText.value. match (mailformat)) {document.form1.text1.focus () return true} else {alert ('Du har angitt en ugyldig e-postadresse!') document.form1.text1.focus () returner false}}

Produksjon

forskjellen mellom tilkoblet og ikke-tilkoblet oppslag

Med dette har vi kommet til slutten av vår JavaScript-valideringsartikkel. Jeg håper du fant denne bloggen informativ og fikk en grunnleggende forståelse av JavaScript-validering.

Ikke glem å sjekke ut av Edureka . Har du et spørsmål til oss? Vennligst nevn det i kommentarfeltet i “JavaScript-validering”, så kommer vi tilbake til deg.