Heim Web-Frontend js-Tutorial Javascript-Formularvalidierung Enzyklopädie_Javascript-Kenntnisse

Javascript-Formularvalidierung Enzyklopädie_Javascript-Kenntnisse

May 16, 2016 pm 03:45 PM
表单验证

Die typischen von JavaScript validierten Formulardaten sind wie folgt:

1. Hat der Benutzer die erforderlichen Elemente im Formular ausgefüllt?

2. Ist die vom Benutzer eingegebene E-Mail-Adresse legal?

3. Hat der Benutzer ein gesetzliches Datum eingegeben?

4. Hat der Benutzer Text in das numerische Feld eingegeben?

Hier ist der Bestätigungscode für Benutzername und Passwort:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
function validateForm()
{
 var username = document.forms["myForm"]["username"].value;
 var password = document.forms["myForm"]["password"].value;
 alert(username+" "+password);
}
</script>
</head>
<body>
<form name="myForm" action="" onSubmit=" return validateForm()" method="post">
用户名:<input type="text" name="username"/><br/>
密码:<input type="password" name="password"/><br/>
 <input type="submit" value="提交"/>
</form>
</body>
</html>
Nach dem Login kopieren

Erforderliche (oder erforderliche) Artikelüberprüfung:

Mit der folgenden Funktion wird überprüft, ob der Benutzer die erforderlichen (oder erforderlichen) Elemente im Formular ausgefüllt hat. Wenn erforderlich oder das erforderliche Feld leer ist, wird ein Warnfeld angezeigt und der Rückgabewert der Funktion ist falsch, andernfalls ist der Rückgabewert der Funktion wahr (was bedeutet, dass kein Problem mit den Daten vorliegt):

function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
 {alert(alerttxt);return false}
else {return true}
}
}
Nach dem Login kopieren

Hier ist der Code zusammen mit dem HTML-Formular:

<html>
<head>
<script type="text/javascript">
function validate_required(field,alerttxt)
{
with (field)
 {
 if (value==null||value=="")
 {alert(alerttxt);return false}
 else {return true}
 }
}
function validate_form(thisform)
{
with (thisform)
 {
 if (validate_required(email,"Email must be filled out!")==false)
 {email.focus();return false}
 }
}
</script>
</head>
<body>
<form action="submitpage.htm" onsubmit="return validate_form(this)" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit"> 
</form>
</body>
</html>
Nach dem Login kopieren

E-Mail-Bestätigung

Die folgende Funktion prüft, ob die eingegebenen Daten der grundlegenden Syntax einer E-Mail-Adresse entsprechen.

Das bedeutet, dass die Eingabedaten das @-Symbol und den Punkt (.) enthalten müssen. Gleichzeitig darf @ nicht das erste Zeichen der E-Mail-Adresse sein und nach @ muss mindestens ein Punkt stehen:

function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2) 
 {alert(alerttxt);return false}
else {return true}
}
}
Nach dem Login kopieren

Hier ist der vollständige Code zusammen mit dem HTML-Formular:






Email:
Nach dem Login kopieren

Der obige Code ist der Benutzername, das Passwort, die erforderlichen Felder, die erforderlichen Optionen und die E-Mail-Adresse sowie der Code des Formulars. Ich hoffe, dass er für alle hilfreich ist, um die Javascript-Formularüberprüfung zu lernen.

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So verwenden Sie Flask-WTF zur Implementierung der Formularvalidierung So verwenden Sie Flask-WTF zur Implementierung der Formularvalidierung Aug 03, 2023 pm 06:53 PM

So verwenden Sie Flask-WTF zur Implementierung der Formularvalidierung. Flask-WTF ist eine Flask-Erweiterung zur Handhabung der Webformularvalidierung. Sie bietet eine übersichtliche und flexible Möglichkeit, vom Benutzer übermittelte Daten zu validieren. In diesem Artikel erfahren Sie, wie Sie die Flask-WTF-Erweiterung zum Implementieren der Formularvalidierung verwenden. Flask-WTF installieren Um Flask-WTF verwenden zu können, müssen Sie es zunächst installieren. Zur Installation können Sie den Befehl pip verwenden: pipinstallFlask-WTF importiert die erforderlichen Module in F

Wie verwende ich das CodeIgniter4-Framework in PHP? Wie verwende ich das CodeIgniter4-Framework in PHP? May 31, 2023 pm 02:51 PM

PHP ist eine sehr beliebte Programmiersprache und CodeIgniter4 ist ein häufig verwendetes PHP-Framework. Bei der Entwicklung von Webanwendungen ist die Verwendung von Frameworks sehr hilfreich. Sie können den Entwicklungsprozess beschleunigen, die Codequalität verbessern und die Wartungskosten senken. In diesem Artikel wird die Verwendung des CodeIgniter4-Frameworks vorgestellt. Installation des CodeIgniter4-Frameworks Das CodeIgniter4-Framework kann von der offiziellen Website (https://codeigniter.com/) heruntergeladen werden. Runter

Laravel-Entwicklung: Wie validiere ich Formularanfragen mithilfe der Laravel-Validierung? Laravel-Entwicklung: Wie validiere ich Formularanfragen mithilfe der Laravel-Validierung? Jun 13, 2023 pm 01:34 PM

Laravel ist ein beliebtes PHP-Webentwicklungs-Framework, das viele praktische Funktionen bietet, um die Arbeit von Entwicklern zu beschleunigen. Unter diesen ist LaravelValidation eine sehr praktische Funktion, die uns dabei helfen kann, Formularanfragen und vom Benutzer eingegebene Daten einfach zu validieren. In diesem Artikel wird erläutert, wie Sie mit LaravelValidation Formularanfragen validieren. Was ist LaravelValidationLaravelValidation ist La

So handhaben Sie die Formularvalidierung mithilfe von Middleware in Laravel So handhaben Sie die Formularvalidierung mithilfe von Middleware in Laravel Nov 02, 2023 pm 03:57 PM

Für die Verwendung von Middleware zur Formularvalidierung in Laravel sind spezifische Codebeispiele erforderlich. Einführung: In Laravel ist die Formularvalidierung eine sehr häufige Aufgabe. Um die Gültigkeit und Sicherheit der von den Nutzern eingegebenen Daten zu gewährleisten, überprüfen wir in der Regel die im Formular übermittelten Daten. Laravel bietet eine praktische Formularvalidierungsfunktion und unterstützt auch die Verwendung von Middleware zur Formularvalidierung. In diesem Artikel wird detailliert beschrieben, wie Middleware für die Formularvalidierung in Laravel verwendet wird, und es werden spezifische Codebeispiele bereitgestellt.

So implementieren Sie die Formularvalidierung für Webanwendungen mit Golang So implementieren Sie die Formularvalidierung für Webanwendungen mit Golang Jun 24, 2023 am 09:08 AM

Die Formularvalidierung ist ein sehr wichtiger Link bei der Entwicklung von Webanwendungen. Sie kann die Gültigkeit der Daten vor dem Absenden der Formulardaten überprüfen, um Sicherheitslücken und Datenfehler in der Anwendung zu vermeiden. Die Formularvalidierung für Webanwendungen kann einfach mit Golang implementiert werden. In diesem Artikel wird erläutert, wie Sie mit Golang die Formularvalidierung für Webanwendungen implementieren. 1. Grundelemente der Formularvalidierung Bevor wir uns mit der Implementierung der Formularvalidierung befassen, müssen wir die Grundelemente der Formularvalidierung kennen. Formularelemente: Formularelemente sind

Formularvalidierungs- und Filtermethoden in PHP? Formularvalidierungs- und Filtermethoden in PHP? Jun 29, 2023 pm 10:04 PM

PHP ist eine in der Webentwicklung weit verbreitete Skriptsprache, deren Formularvalidierung und Filterung sehr wichtige Bestandteile sind. Wenn der Benutzer das Formular absendet, müssen die vom Benutzer eingegebenen Daten überprüft und gefiltert werden, um die Sicherheit und Gültigkeit der Daten zu gewährleisten. In diesem Artikel werden Methoden und Techniken zur Formularvalidierung und -filterung in PHP vorgestellt. 1. Formularvalidierung Unter Formularvalidierung versteht man die Überprüfung der vom Benutzer eingegebenen Daten, um sicherzustellen, dass die Daten bestimmten Regeln und Anforderungen entsprechen. Zu den üblichen Formularüberprüfungen gehört die Überprüfung erforderlicher Felder, des E-Mail-Formats und des Mobiltelefonnummernformats.

Tipps zur PHP-Formularvalidierung: So verwenden Sie die Funktion filter_input, um Benutzereingaben zu überprüfen Tipps zur PHP-Formularvalidierung: So verwenden Sie die Funktion filter_input, um Benutzereingaben zu überprüfen Aug 01, 2023 am 08:51 AM

Tipps zur PHP-Formularvalidierung: So verwenden Sie die Funktion filter_input, um Benutzereingaben zu überprüfen. Einführung: Bei der Entwicklung von Webanwendungen sind Formulare ein wichtiges Werkzeug für die Interaktion mit Benutzern. Die korrekte Validierung von Benutzereingaben ist einer der wichtigsten Schritte zur Gewährleistung der Datenintegrität und -sicherheit. PHP bietet die Funktion filter_input, mit der Benutzereingaben einfach überprüft und gefiltert werden können. In diesem Artikel wird erläutert, wie Sie mit der Funktion filter_input Benutzereingaben überprüfen und relevante Codebeispiele bereitstellen. eins,

Wie führe ich eine Formularvalidierung in ThinkPHP6 durch? Wie führe ich eine Formularvalidierung in ThinkPHP6 durch? Jun 12, 2023 am 09:36 AM

ThinkPHP6 ist ein PHP-basiertes MVC-Framework, das die Entwicklung von Webanwendungen erheblich vereinfacht. Unter diesen ist die Formularvalidierung eine sehr grundlegende und wichtige Funktion. In diesem Artikel stellen wir vor, wie Sie Formularvalidierungsvorgänge in ThinkPHP6 durchführen. 1. Definition von Validierungsregeln In ThinkPHP6 müssen Validierungsregeln im Controller definiert werden. Wir können die Regeln definieren, indem wir ein $validate-Attribut im Controller definieren, wie unten gezeigt: usethinkVa

See all articles