JavaScript-validering: Alt hvad du behøver at vide om validering af formularer og e-mail



Denne artikel om JavaScript-validering vil give dybdegående viden om formvalidering. Det giver et eksempel på at validere en formular ved hjælp af javascript.

JavaScript er et af de mest populære sprog på , Front-end og Back-end Development. Det bruges til at skabe smukt designede websteder. I JavaScript bruges validering til at godkende en bruger. Heri JavaScript-validering artikel, Du lærer om formvalidering i følgende rækkefølge:

Hvad er JavaScript?

er en højt niveau, fortolket programmeringssprog, der bruges til at gøre websider mere interaktive. Det er en meget kraftfuld klientside scripting sprog somgør din webside mere livlig og interaktiv.





Javascript - javascript validering - edureka

Det er et programmeringssprog, der hjælper dig med at implementere en kompleks og smukt design på web sider . Hvis du vil have din webside til at se levende ud og gøre meget mere end bare gawk på dig, er JavaScript et must.



Funktioner i JavaScript:

  • Det er et skriptsprog og har intet at gøre med . Oprindeligt blev det navngivet Mokka , derefter ændret til LiveScript og til sidst blev det navngivet som JavaScript .

    hvad bruges nagios til
  • JavaScript er en objektbaseret programmeringssprog, der også understøtter polymorfisme, indkapsling og arv.



  • Du kan køre JavaScript ikke kun i browser men også på server og enhver enhed, der har en JavaScript-motor.

JavaScript-funktioner

Det grundlæggende byggesten i JavaScript kaldes som Funktioner . Det er dybest set et sæt udsagn, der udfører en opgave eller beregner en værdi. For at bruge en funktion skal den defineres et eller andet sted i det omfang, hvorfra du vil kalde den.

En funktionsdefinition består af funktionsnøgleordet efterfulgt af:

  • Det navn af funktionen.

  • En liste over parametre til funktionen, omsluttet af parenteser og adskilt af kommaer.

  • JavaScript udsagn der definerer funktionen, lukket i krøllede parenteser, {}.

Lad os tage et eksempel og se, hvordan vi definerer en navngivet funktion tilføje :

funktion tilføj (a, b) {returner a + b}

Nu bruges en valideringsfunktion til at validere en bruger. Så lad os gå videre og lære mere om JavaScript-validering.

Hvad er validering?

Validering er en metode til godkende brugeren. JavaScript giver mulighed for at validere formularen på klientsiden, så databehandling bliver hurtigere end validering på serversiden. Det foretrækkes af de fleste webudviklere. Via JavaScript kan vi validere navn, adgangskode, e-mail, dato, mobilnumre og flere felter.

Kundeside validering forhindrer klienten i at vide, om formularen er i orden, inden en side genindlæses. Der henviser til, Server-side validering er vigtig på grund af det faktum, at validering på klientsiden kan omgåes fuldstændigt ved at slå JavaScript fra.

Lad os nu gå videre med vores JavaScript-valideringsartikel og se på eksemplet med formvalidering.

JavaScript-validering: Eksempel

Følgende eksempel er en kode i HTML, CSS og JavaScript til validering af en formular, hvor:

  1. HTML er vant til skab formen.
  2. JavaScript er vant til valider formen.

FormValidation.html

form validering / ** /
Adgangskode:
 

Dette giver følgende output:

Nu skal du oprette en anden fil, der vil omdirigere siden til en ny efter at have klikket Indsend knap.

hvordan man laver databasetest

Tekst.html

Formularvalidering / ** /

Det omdirigeres til en anden side og giver følgende produktion :

Nu skal vi tilføje en Fungere i vores JavaScipt for at linke input-id'et. Dette vil dukke op en alert meddelelse, hvis nogen af ​​felterne er tomme.

funktion validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alarm ('Navn kan ikke være tomt' ) returner false} ellers hvis (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } 

Dette vil poppe følgende alert når Navnefelt efterlades tom:

Dernæst, hvis du indtaster navnet og efterlader Adgangskodefelt tomt, det vil poppe følgende alert :

Når du har tilføjet navnet og adgangskoden i det korrekte format, omdirigeres denne side til siden Text.html for endelige output.

prioritetskøimplementering i java

Den komplette kode til Formularvalidering er som følgende:

formvalideringsfunktion validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alarm ('Name kan ikke være blank ') returner false} ellers hvis (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } Adgangskode: 

Dette var et eksempel på formvalidering i JavaScript. Vi kan også validere e-mail-id, adgangskode, mobilnr. og mange flere.

Så lad os tage et andet eksempel og se, hvordan vi validerer e-mail-id ved hjælp af JavaScript.

JavaScript-e-mail-validering

E-mail.html

funktion ValidateEmail (inputText) {var mailformat = /^w+( [.- ]?w+)*@w+((.- ]?w+)*(.w{2,3})+$/ if (inputText.value. match (mailformat)) {document.form1.text1.focus () returner sand} ellers {alarm ('Du har indtastet en ugyldig e-mail-adresse!') document.form1.text1.focus () returner false}}

Produktion

Med dette er vi kommet til slutningen af ​​vores JavaScript-valideringsartikel. Jeg håber, du fandt denne blog informativ og fik en grundlæggende forståelse af JavaScript-validering.

Glem heller ikke at tjekke af Edureka . Har du et spørgsmål til os? Nævn det i kommentarfeltet i “JavaScript-validering”, så vender vi tilbage til dig.