JavaScript-Validierung: Alles, was Sie über die Validierung von Formularen und E-Mails wissen müssen



Dieser Artikel zur JavaScript-Validierung bietet detaillierte Informationen zur Formularvalidierung. Es wird ein Beispiel zum Validieren eines Formulars mit Javascript bereitgestellt.

JavaScript ist eine der beliebtesten Sprachen in , Front-End- und Back-End-Entwicklung. Es wird verwendet, um schön gestaltete Websites zu erstellen. In JavaScript wird die Validierung verwendet, um einen Benutzer zu authentifizieren. In diesem JavaScript-Validierung Artikel, Sie erfahren mehr über die Formularvalidierung in der folgenden Reihenfolge:

Was ist JavaScript?

ist ein hohes Niveau, interpretiert Programmiersprache, mit der Webseiten interaktiver gestaltet werden. Es ist sehr mächtig clientseitig Skriptsprache welchemacht Ihre Webseite lebendiger und interaktiver.





Javascript - Javascript Validierung - Edureka

Es ist eine Programmiersprache, die Ihnen bei der Implementierung von a hilft Komplex und schönes Design auf Webseiten . Wenn Sie möchten, dass Ihre Webseite lebendig aussieht und viel mehr als nur Sie anstarrt, ist JavaScript ein Muss.



Funktionen von JavaScript:

  • Es ist eine Skriptsprache und hat nichts damit zu tun . Anfangs wurde es benannt Mokka , dann geändert zu LiveScript und schließlich wurde es benannt als JavaScript .

    Java Cast Double zu Int
  • JavaScript ist ein objektbasiert Programmiersprache, die auch Polymorphismus, Kapselung und Vererbung unterstützt.



  • Sie können JavaScript nicht nur in der Browser sondern auch auf der Server und jedes Gerät mit einer JavaScript-Engine.

JavaScript-Funktionen

Das Fundamentale Bausteine in JavaScript heißen als Funktionen . Es handelt sich im Grunde genommen um eine Reihe von Anweisungen, die eine Aufgabe ausführen oder einen Wert berechnen. Um eine Funktion zu verwenden, sollte sie irgendwo in dem Bereich definiert sein, von dem aus Sie sie aufrufen möchten.

Eine Funktionsdefinition besteht aus dem Funktionsschlüsselwort, gefolgt von:

  • Das Name der Funktion.

  • Eine Liste von Parameter zu der Funktion, in Klammern eingeschlossen und durch Kommas getrennt.

  • Das JavaScript Aussagen die die Funktion definieren, in geschweiften Klammern eingeschlossen, {}.

Nehmen wir ein Beispiel und sehen, wie eine Funktion mit dem Namen definiert wird hinzufügen ::

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

Um einen Benutzer zu validieren, wird nun eine Validierungsfunktion verwendet. Lassen Sie uns also fortfahren und mehr über die JavaScript-Validierung erfahren.

Was ist Validierung?

Validierung ist eine Methode zu authentifizieren der Benutzer. JavaScript bietet die Möglichkeit, das Formular clientseitig zu validieren, sodass die Datenverarbeitung schneller ist als die serverseitige Validierung. Es wird von den meisten Webentwicklern bevorzugt. Über JavaScript können wir Name, Passwort, E-Mail, Datum, Handynummern und weitere Felder überprüfen.

Client-Seite Die Validierung verhindert, dass der Client weiß, ob das Formular in Ordnung ist, bevor eine Seite neu geladen wird. Wohingegen, Serverseitig Die Validierung ist wichtig, da die clientseitige Validierung durch Deaktivieren von JavaScript vollständig umgangen werden kann.

Fahren wir nun mit unserem Artikel zur JavaScript-Validierung fort und sehen uns das Beispiel der Formularvalidierung an.

JavaScript-Validierung: Beispiel

Das folgende Beispiel ist ein Code in HTML, CSS und JavaScript zum Überprüfen eines Formulars, in dem:

  1. HTML wird benutzt um erstellen die Form.
  2. JavaScript wird benutzt um bestätigen die Form.

FormValidation.html

pass by value pass by reference java
Formularvalidierung / ** /
Passwort:
 

Dies ergibt die folgende Ausgabe:

Jetzt müssen Sie eine andere Datei erstellen, die dies tut umleiten Die Seite wird nach dem Klicken auf eine neue Seite verschoben einreichen Taste.

Text.html

Formularvalidierung / ** /

Es wird auf eine andere Seite umgeleitet und gibt Folgendes an Ausgabe ::

Jetzt müssen wir ein hinzufügen Funktion in unserem JavaScipt, um die Eingabe-ID zu verknüpfen. Dies wird ein aufmerksam Meldung, wenn eines der Felder leer gelassen wird.

Was macht ein Tableau-Entwickler?
Funktion validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Name darf nicht leer sein' ) return false} else if (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } 

Dadurch wird Folgendes angezeigt aufmerksam wenn die Namensfeld bleibt leer:

Als nächstes, wenn Sie den Namen eingeben und die verlassen Passwortfeld leer, wird Folgendes angezeigt aufmerksam ::

Sobald Sie den Namen und das Kennwort im richtigen Format hinzugefügt haben, wird diese Seite auf die Seite Text.html für weitergeleitet endgültige Ausgabe.

Der vollständige Code für Formularvalidierung ist wie folgt:

Formularüberprüfungsfunktion validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Name kann nicht sein leer ') return false} else if (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } Passwort: 

Dies war ein Beispiel für die Formularüberprüfung in JavaScript. Wir können auch die E-Mail-ID, das Passwort und die Handynummer überprüfen. und viele mehr.

Nehmen wir also ein anderes Beispiel und sehen, wie es validiert wird E-Mail-ID mit JavaScript.

JavaScript-E-Mail-Validierung

Email.html

Funktion ValidateEmail (inputText) {var mailformat = /^w+([.- weibl? match (mailformat)) {document.form1.text1.focus () return true} else {alert ('Sie haben eine ungültige E-Mail-Adresse eingegeben!') document.form1.text1.focus () return false}}

Ausgabe

Damit sind wir am Ende unseres JavaScript-Validierungsartikels angelangt. Ich hoffe, Sie fanden diesen Blog informativ und haben ein grundlegendes Verständnis der JavaScript-Validierung gewonnen.

Vergessen Sie auch nicht, die von Edureka . Hast du eine Frage an uns? Bitte erwähnen Sie es im Kommentarbereich von 'JavaScript Validation' und wir werden uns bei Ihnen melden.