Web-Frontendjs-TutorialAusführliche Erläuterung des Beispiels zur Passwortbestätigung der jQuery-FormularvalidierungAusführliche Erläuterung des Beispiels zur Passwortbestätigung der jQuery-Formularvalidierung
Dieser Artikel stellt hauptsächlich den Implementierungscode der Passwortbestätigung der jQuery-Formularüberprüfung vor. Ich hoffe, er kann jedem helfen.
Wie wir alle wissen, müssen Sie beim Ändern des Passworts das Passwort zweimal eingeben. Wie kann sichergestellt werden, dass beide Passwortfelder Inhalt haben? Sind die beiden Passwortfelder konsistent? Wird eine Eingabeaufforderung angezeigt, wenn keine Eingabe erfolgt? OK, das alles kann mit JS implementiert werden. Die konkrete Idee ist, ein Ereignis zu schreiben, um den Dom-Knoten zu erhalten und den Wert des Objekts zu bestimmen.
Welche Veranstaltung soll also geplant werden? Es sollte das Onblur-Ereignis sein~. Und fügen Sie Unschärfeereignisse hinzu, die den Fokus auf beide Passwortfelder verlieren. Es ist einfacher, jQuery zu verwenden.
Kommen wir ohne Umschweife direkt zum Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>password验证</title>
<script src="jquery/jquery-3.1.1.min.js" type="text/javascript"></script>
</head>
<body>
<form ation="psot" method="">
<label for="password1">请输入密码：</label>
<input id="password" name="password" onblur="checkpas1();" required="true" type="password"/>
<br/>
<label for="password1">请确认密码：</label>
<input type="password" name="repassword" id="repassword" required="true" onChange="checkpas();" />
<span class="tip" style="color: red;">两次输入的密码不一致</span><br>
<input type="button" name="submit" value="提交" onclick="checkpas2();"/>
</form>
<script>
$(".tip").hide();
function checkpas1(){//当第一个密码框失去焦点时，触发checkpas1事件
var pas1=document.getElementById("password").value;
var pas2=document.getElementById("repassword").value;//获取两个密码框的值
if(pas1!=pas2&&pas2!="")//此事件当两个密码不相等且第二个密码是空的时候会显示错误信息
$(".tip").show();
else
$(".tip").hide();//若两次输入的密码相等且都不为空时，不显示错误信息。
}
function checkpas(){//当第一个密码框失去焦点时，触发checkpas2件
var pas1=document.getElementById("password").value;
var pas2=document.getElementById("repassword").value;//获取两个密码框的值
if(pas1!=pas2){
$(".tip").show();//当两个密码不相等时则显示错误信息
}else{
$(".tip").hide();
}
}
function checkpas2(){//点击提交按钮时，触发checkpas2事件，会进行弹框提醒以防无视错误信息提交
var pas3=document.getElementById("password").value;
var pas4=document.getElementById("repassword").value;
if(pas3!=pas4){
alert("两次输入的密码不一致！");
return false;
}
}
</script>
</body>
</html>
</html>Ich hoffe, dass jeder den Code verstehen kann, und Sie werden es verstehen Besser ist es, wenn du mehr schreibst. Ich habe gerade erst angefangen. Ich liege falsch, ich hoffe, jemand kann es darauf hinweisen
Verwandte Empfehlungen:
Die am häufigsten verwendete einfache jQuery-Formularvalidierungsmethode
Methode zur Implementierung der AngularJS-Formularvalidierungsfunktion
Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung des Beispiels zur Passwortbestätigung der jQuery-Formularvalidierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Python gegen JavaScript: Community, Bibliotheken und RessourcenApr 15, 2025 am 12:16 AMPython und JavaScript haben ihre eigenen Vor- und Nachteile in Bezug auf Gemeinschaft, Bibliotheken und Ressourcen. 1) Die Python-Community ist freundlich und für Anfänger geeignet, aber die Front-End-Entwicklungsressourcen sind nicht so reich wie JavaScript. 2) Python ist leistungsstark in Bibliotheken für Datenwissenschaft und maschinelles Lernen, während JavaScript in Bibliotheken und Front-End-Entwicklungsbibliotheken und Frameworks besser ist. 3) Beide haben reichhaltige Lernressourcen, aber Python eignet sich zum Beginn der offiziellen Dokumente, während JavaScript mit Mdnwebdocs besser ist. Die Wahl sollte auf Projektbedürfnissen und persönlichen Interessen beruhen.
Von C/C nach JavaScript: Wie alles funktioniertApr 14, 2025 am 12:05 AMDie Verschiebung von C/C zu JavaScript erfordert die Anpassung an dynamische Typisierung, Müllsammlung und asynchrone Programmierung. 1) C/C ist eine statisch typisierte Sprache, die eine manuelle Speicherverwaltung erfordert, während JavaScript dynamisch eingegeben und die Müllsammlung automatisch verarbeitet wird. 2) C/C muss in den Maschinencode kompiliert werden, während JavaScript eine interpretierte Sprache ist. 3) JavaScript führt Konzepte wie Verschlüsse, Prototypketten und Versprechen ein, die die Flexibilität und asynchrone Programmierfunktionen verbessern.
JavaScript -Engines: Implementierungen vergleichenApr 13, 2025 am 12:05 AMUnterschiedliche JavaScript -Motoren haben unterschiedliche Auswirkungen beim Analysieren und Ausführen von JavaScript -Code, da sich die Implementierungsprinzipien und Optimierungsstrategien jeder Engine unterscheiden. 1. Lexikalanalyse: Quellcode in die lexikalische Einheit umwandeln. 2. Grammatikanalyse: Erzeugen Sie einen abstrakten Syntaxbaum. 3. Optimierung und Kompilierung: Generieren Sie den Maschinencode über den JIT -Compiler. 4. Führen Sie aus: Führen Sie den Maschinencode aus. V8 Engine optimiert durch sofortige Kompilierung und versteckte Klasse.
Jenseits des Browsers: JavaScript in der realen WeltApr 12, 2025 am 12:06 AMZu den Anwendungen von JavaScript in der realen Welt gehören die serverseitige Programmierung, die Entwicklung mobiler Anwendungen und das Internet der Dinge. Die serverseitige Programmierung wird über node.js realisiert, die für die hohe gleichzeitige Anfrageverarbeitung geeignet sind. 2. Die Entwicklung der mobilen Anwendungen erfolgt durch reaktnative und unterstützt die plattformübergreifende Bereitstellung. 3.. Wird für die Steuerung von IoT-Geräten über die Johnny-Five-Bibliothek verwendet, geeignet für Hardware-Interaktion.
Erstellen einer SaaS-Anwendung mit mehreren Mietern mit Next.js (Backend Integration)Apr 11, 2025 am 08:23 AMIch habe eine funktionale SaaS-Anwendung mit mehreren Mandanten (eine EdTech-App) mit Ihrem täglichen Tech-Tool erstellt und Sie können dasselbe tun. Was ist eine SaaS-Anwendung mit mehreren Mietern? Mit Multi-Tenant-SaaS-Anwendungen können Sie mehrere Kunden aus einem Sing bedienen
So erstellen Sie eine SaaS-Anwendung mit mehreren Mietern mit Next.js (Frontend Integration)Apr 11, 2025 am 08:22 AMDieser Artikel zeigt die Frontend -Integration mit einem Backend, das durch die Genehmigung gesichert ist und eine funktionale edtech SaaS -Anwendung unter Verwendung von Next.js. erstellt. Die Frontend erfasst Benutzerberechtigungen zur Steuerung der UI-Sichtbarkeit und stellt sicher, dass API-Anfragen die Rollenbasis einhalten
JavaScript: Erforschung der Vielseitigkeit einer WebspracheApr 11, 2025 am 12:01 AMJavaScript ist die Kernsprache der modernen Webentwicklung und wird für seine Vielfalt und Flexibilität häufig verwendet. 1) Front-End-Entwicklung: Erstellen Sie dynamische Webseiten und einseitige Anwendungen durch DOM-Operationen und moderne Rahmenbedingungen (wie React, Vue.js, Angular). 2) Serverseitige Entwicklung: Node.js verwendet ein nicht blockierendes E/A-Modell, um hohe Parallelitäts- und Echtzeitanwendungen zu verarbeiten. 3) Entwicklung von Mobil- und Desktop-Anwendungen: Die plattformübergreifende Entwicklung wird durch reaktnative und elektronen zur Verbesserung der Entwicklungseffizienz realisiert.
Die Entwicklung von JavaScript: Aktuelle Trends und ZukunftsaussichtenApr 10, 2025 am 09:33 AMZu den neuesten Trends im JavaScript gehören der Aufstieg von Typenkripten, die Popularität moderner Frameworks und Bibliotheken und die Anwendung der WebAssembly. Zukunftsaussichten umfassen leistungsfähigere Typsysteme, die Entwicklung des serverseitigen JavaScript, die Erweiterung der künstlichen Intelligenz und des maschinellen Lernens sowie das Potenzial von IoT und Edge Computing.
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Dreamweaver CS6
Visuelle Webentwicklungstools
Sicherer Prüfungsbrowser
Safe Exam Browser ist eine sichere Browserumgebung für die sichere Teilnahme an Online-Prüfungen. Diese Software verwandelt jeden Computer in einen sicheren Arbeitsplatz. Es kontrolliert den Zugriff auf alle Dienstprogramme und verhindert, dass Schüler nicht autorisierte Ressourcen nutzen.
SublimeText3 Linux neue Version
SublimeText3 Linux neueste Version
MantisBT
Mantis ist ein einfach zu implementierendes webbasiertes Tool zur Fehlerverfolgung, das die Fehlerverfolgung von Produkten unterstützen soll. Es erfordert PHP, MySQL und einen Webserver. Schauen Sie sich unsere Demo- und Hosting-Services an.
WebStorm-Mac-Version
Nützliche JavaScript-Entwicklungstools
