JavaScript-validering: Allt du behöver veta om validering av formulär och e-post



Den här artikeln om JavaScript-validering ger djupgående kunskap om formulärvalidering. Det kommer att ge ett exempel för att validera ett formulär med hjälp av javascript.

JavaScript är ett av de mest populära språken på , Front-end och Back-end Development. Den används för att skapa vackert designade webbplatser. I JavaScript används validering för att autentisera en användare. I denna JavaScript-validering artikel, Du kommer att lära dig om formulärvalidering i följande sekvens:

Vad är JavaScript?

är en hög nivå, tolkad programmeringsspråk som används för att göra webbsidor mer interaktiva. Det är en mycket kraftfull klientsidan skriptspråk somgör din webbsida mer livlig och interaktiv.





Javascript - javascript-validering - edureka

Det är ett programmeringsspråk som hjälper dig att implementera en komplex och vacker design på webbsidor . Om du vill att din webbsida ska se levande ut och göra mycket mer än bara att titta på dig, är JavaScript ett måste.



Funktioner i JavaScript:

  • Det är ett skriptspråk och har inget att göra med . Ursprungligen fick den namnet Mocka , ändrades sedan till LiveScript och slutligen namngavs det som JavaScript .

    när man ska använda detta i Java
  • JavaScript är ett objektbaserat programmeringsspråk som stöder polymorfism, inkapsling och arv också.



  • Du kan köra JavaScript inte bara i webbläsare men också på server och alla enheter som har en JavaScript-motor.

JavaScript-funktioner

Det grundläggande byggklossar i JavaScript kallas som Funktioner . Det är i grunden en uppsättning uttalanden som utför en uppgift eller beräknar ett värde. För att använda en funktion bör den definieras någonstans i det omfång som du vill kalla den från.

En funktionsdefinition består av funktionsnyckelordet, följt av:

  • De namn av funktionen.

  • En lista av parametrar till funktionen, innesluten inom parentes och åtskild med kommatecken.

  • JavaScript uttalanden som definierar funktionen, innesluten i lockiga parenteser, {}.

Låt oss ta ett exempel och se hur vi definierar en funktion som heter Lägg till :

funktion lägg till (a, b) {returnera + +}

För att validera en användare används en valideringsfunktion. Så låt oss gå vidare och lära oss mer om JavaScript-validering.

Vad är validering?

Validering är en metod för att autentisera användaren. JavaScript ger möjlighet att validera formuläret på klientsidan så att databearbetningen blir snabbare än validering på serversidan. Det föredras av de flesta webbutvecklare. Genom JavaScript kan vi validera namn, lösenord, e-post, datum, mobilnummer och fler fält.

Klientsidan validering hindrar klienten från att veta om formuläret är okej innan en sida laddas om. Med beaktande av att Serversidan validering är viktig på grund av att validering på klientsidan kan kringgås helt genom att inaktivera JavaScript.

Låt oss nu gå vidare med vår JavaScript-valideringsartikel och titta på exemplet med Form Validation.

JavaScript-validering: Exempel

Följande exempel är en kod i HTML, CSS och JavaScript för att validera ett formulär där:

  1. html är van vid skapa formen.
  2. JavaScript är van vid bekräfta formen.

FormValidation.html

formulärvalidering / ** /
Lösenord:
 

Detta ger följande resultat:

Nu måste du skapa en annan fil som kommer dirigera om sidan till en ny efter att ha klickat Skicka in knapp.

företag som använder r programmeringsspråk

Text.html

Formvalidering / ** /

Det kommer att omdirigera till en annan sida och ge följande produktion :

Nu måste vi lägga till en Fungera i vårt JavaScipt för att länka inmatnings-id. Detta kommer att dyka upp en varna meddelande om något av fälten lämnas tomma.

funktion validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Namnet kan inte vara tomt' ) returnera falskt} annat om (lösenord.längd<6){ alert('Password must be atleast 6 characters long.') return false } } 

Detta kommer att dyka upp följande varna när Namnfält lämnas tom:

Nästa, om du anger namnet och lämnar Lösenordsfält tomt kommer det att dyka upp följande varna :

När du har lagt till namn och lösenord i rätt format, kommer denna sida att omdirigeras till Text.html-sidan för slutlig utgång.

hur man implementerar länkad lista i c

Den fullständiga koden för Formvalidering är som följande:

formvalideringsfunktion validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Namn kan inte vara blank ') returnera falskt} annat om (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } Lösenord: 

Detta var ett exempel på formulärvalidering i JavaScript. vi kan också validera e-post-ID, lösenord, mobilnummer. och många fler.

Så, låt oss ta ett annat exempel och se hur vi validerar e-post ID med JavaScript.

E-postvalidering av JavaScript

E-post.html

funktion ValidateEmail (inputText) {var mailformat = /^w+( [.- ]?w+)*@w+( [.- ]?w+)*(.w{2,3})+$/ if (inputText.value. match (mailformat)) {document.form1.text1.focus () return true} else {alert ('Du har angett en ogiltig e-postadress!') document.form1.text1.focus () returnera false}}

Produktion

Med detta har vi kommit till slutet av vår JavaScript-valideringsartikel. Jag hoppas att du tyckte att den här bloggen var informativ och fick en grundläggande förståelse för JavaScript-validering.

Glöm inte att kolla in av Edureka . Har du en fråga till oss? Vänligen nämna det i kommentarsektionen i “JavaScript-validering” så återkommer vi till dig.