JavaScript-validatie: alles wat u moet weten over het valideren van formulieren en e-mail

Dit artikel over JavaScript-validatie biedt diepgaande kennis over formuliervalidatie. Het zal een voorbeeld zijn om een ​​formulier te valideren met javascript.

JavaScript is een van de meest populaire talen in , Front-end en back-end ontwikkeling. Het wordt gebruikt om prachtig ontworpen websites te maken. In JavaScript wordt validatie gebruikt om een ​​gebruiker te authenticeren. In deze JavaScript-validatie artikel, leert u over formuliervalidatie in de volgende volgorde:

Wat is Javascript?

is een hoog niveau, geïnterpreteerd programmeertaal die wordt gebruikt om webpagina's interactiever te maken. Het is een erg krachtig kant van de cliënt scripttaal diemaakt uw webpagina levendiger en interactiever.



Javascript - Javascript validatie - edureka

Het is een programmeertaal die u helpt bij het implementeren van een complex en mooi ontwerp op webpagina's . Als u wilt dat uw webpagina er levend uitziet en veel meer doet dan alleen maar naar u gapen, is JavaScript een must.

Kenmerken van JavaScript:

  • Het is een scripttaal en heeft er niets mee te maken . Aanvankelijk heette het Mokka , veranderde vervolgens in LiveScript en tenslotte werd het genoemd als JavaScript .

    wat is deze operator in java
  • JavaScript is een object-gebaseerd programmeertaal die ook polymorfisme, inkapseling en overerving ondersteunt.

  • U kunt JavaScript niet alleen uitvoeren in het browser maar ook op de server en elk apparaat met een JavaScript-engine.

JavaScript-functies

Het fundamentele bouw blokken in JavaScript worden genoemd als Functies . Het is in feite een set instructies die een taak uitvoert of een waarde berekent. Om een ​​functie te gebruiken, moet deze ergens in de scope worden gedefinieerd van waaruit u hem wilt aanroepen.

Een functiedefinitie bestaat uit het functietrefwoord, gevolgd door:

  • De naam van de functie.

  • Een lijst van parameters aan de functie, tussen haakjes en gescheiden door komma's.

  • Het JavaScript verklaringen die de functie definiëren, tussen accolades, {}.

Laten we een voorbeeld nemen en kijken hoe u een functie met de naam definieert toevoegen :

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

Om een ​​gebruiker te valideren, wordt nu een validatiefunctie gebruikt. Laten we dus verder gaan en meer leren over JavaScript-validatie.

html-tag voor het invoegen van een regeleinde

Wat is validatie?

Validatie is een methode om authenticeren de gebruiker. JavaScript biedt de mogelijkheid om het formulier aan de clientzijde te valideren, zodat de gegevensverwerking sneller gaat dan validatie aan de serverzijde. Het heeft de voorkeur van de meeste webontwikkelaars. Via JavaScript kunnen we naam, wachtwoord, e-mail, datum, mobiele nummers en meer velden valideren.

Kant van de cliënt validatie voorkomt dat de klant weet of het formulier in orde is voordat een pagina opnieuw wordt geladen. Terwijl, Server-kant validatie is belangrijk omdat validatie aan de clientzijde volledig kan worden omzeild door JavaScript uit te schakelen.

Laten we nu verder gaan met ons artikel over JavaScript-validatie en een voorbeeld van formuliervalidatie bekijken.

JavaScript-validatie: voorbeeld

Het volgende voorbeeld is een code in HTML, CSS en JavaScript om een ​​formulier te valideren waarbij:

  1. HTML is gewend aan creëren het formulier.
  2. JavaScript is gewend aan valideren het formulier.

FormValidation.html

formulier validatie / ** /
Wachtwoord:
 

Dit geeft de volgende output:

Nu moet u een ander bestand maken dat dat wel zal doen omleiding de pagina naar een nieuwe nadat u erop hebt geklikt indienen knop.

Text.html

Formuliervalidatie / ** /

Het zal doorverwijzen naar een andere pagina en het volgende geven output :

Nu moeten we een Functie in onze JavaScipt om de invoer-id te koppelen. Dit zal een alert bericht als een van de velden leeg is.

function validateform () {var name = document.myform.name.value var wachtwoord = document.myform.password.value if (name == null || name == '') {alert ('Naam mag niet leeg zijn' ) return false} else if (wachtwoord.lengte<6){ alert('Password must be atleast 6 characters long.') return false } } 

Dit zal het volgende laten zien alert wanneer de Naam veld is leeg gelaten:

Als u vervolgens de naam invoert en het Wachtwoord veld blanco, wordt het volgende weergegeven alert :

wat doet init in python

Nadat u de naam en het wachtwoord in het juiste formaat heeft toegevoegd, wordt deze pagina doorgestuurd naar de pagina Text.html voor de uiteindelijke output.

De volledige code voor Formulier validatie is als volgt:

formuliervalidatiefunctie validateform () {var name = document.myform.name.value var wachtwoord = document.myform.password.value if (name == null || name == '') {alert ('Naam mag niet blank ') return false} else if (wachtwoord.lengte<6){ alert('Password must be atleast 6 characters long.') return false } } Wachtwoord: 

Dit was een voorbeeld van formuliervalidatie in JavaScript. we kunnen ook e-mail-ID, wachtwoord, mobiel nr. valideren. en nog veel meer.

Laten we dus nog een voorbeeld nemen en kijken hoe we dit kunnen valideren e-mail identiteit met behulp van JavaScript.

JavaScript-e-mailvalidatie

E-mail.html

function ValidateEmail (inputText) {var mailformat = /^w+(~~~~~~~~~~~**@w+([.- ]?w+)*(.w{2,3})+$/ if (inputText.value. match (mailformat)) {document.form1.text1.focus () return true} else {alert ('Je hebt een ongeldig e-mailadres ingevoerd!') document.form1.text1.focus () return false}}

Uitvoer

Hiermee zijn we aan het einde gekomen van ons JavaScript-validatieartikel. Ik hoop dat je deze blog informatief hebt gevonden en een basiskennis hebt gekregen van JavaScript-validatie.

Vergeet ook niet om de door Edureka . Heeft u een vraag voor ons? Vermeld het in het opmerkingengedeelte van 'JavaScript-validatie' en we nemen contact met u op.