JavaScript implementiert Informationen zur Kennwortfeldüberprüfung
|
In diesem Artikelbeispiel wird der spezifische JavaScript-Code zur Implementierung von Informationen zur Kennwortfeldüberprüfung zu Ihrer Information bereitgestellt. Der spezifische Inhalt ist wie folgt
Effektanzeige:
Code-Schaufenster
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="utf-8">
<Titel></Titel>
<link rel="stylesheet" type="text/css" href="fontss2/iconfont.css" rel="externes nofollow" />
<Stil>
.orginal {
Schriftgröße: 13px;
Farbe: tiefes Himmelblau;
}
.falsch {
Schriftgröße: 13px;
Farbe: rot;
}
.Rechts {
Schriftgröße: 13px;
Farbe: grün;
}
</Stil>
</Kopf>
<Text>
<p>
<input type="text"><span class="orginal icon-wenhao iconfont">Bitte geben Sie ein 6-16-stelliges Passwort ein</span>
</p>
<Skript>
//Elementobjekt abrufen var input = document.querySelector('input');
var span = document.querySelector('span');
//Ereignis „Fokusverlust“-Ereignis registrieren input.onblur = function() {
wenn (Eingabewertlänge > 0 und Eingabewertlänge < 6 || Eingabewertlänge > 16) {
span.className = „Iconfont Icon-cuowuguanbiquxiao-xianxingyuankuang falsch“;
span.innerHTML='Eingabefehler, bitte geben Sie ein 6-16-stelliges Passwort ein';
}sonst wenn(Eingabewert.Länge >=6 und Eingabewert.Länge <=16) {
span.className = 'Iconfont Icon-Yiyanzheng rechts';
span.innerHTML = 'Kostenlos eingeben';
}anders {
span.className = "Originalsymbol-Wenhao-Symbolschriftart";
span.innerHTML = „Bitte geben Sie ein Passwort mit 6 bis 16 Zeichen ein“;
}
}
</Skript>
</body>
</html>Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. |
>>: TortoiseSvn Little Turtle Installation Neuestes ausführliches Grafik-Tutorial
Artikel empfehlen
So bereinigen Sie regelmäßig private Docker-Server-Images
Die Verwendung von CI zum Erstellen von Docker-Im...
So kapseln Sie die Karussellkomponente in Vue3
Zweck Kapseln Sie die Karussellkomponente und ver...
Die Rolle und Öffnung des MySQL-Protokolls für langsame Abfragen
Vorwort Das MySQL Slow Query Log ist ein Protokol...
Detaillierte Erklärung der MySQL-Injektion ohne Kenntnis des Spaltennamens
Vorwort Ich habe in letzter Zeit das Gefühl, dass...
Detaillierte Erläuterung zur Verwendung von Amoeba zum Implementieren der Lese-/Schreibtrennung einer MySQL-Datenbank
Es gibt viele Lese-/Schreibtrennungsarchitekturen...
Eine kurze Analyse der vier Importmethoden und Prioritäten in CSS
Erstens: 4 Möglichkeiten, CSS einzuführen Es gibt...
Beispiel für die Verwendung von JSX zur Entwicklung einer Markup-Komponente (Front-End-Komponentenbildung)
Inhaltsverzeichnis Aufbau einer JSX-Umgebung NPM ...
Verwenden Sie Angular CDK, um eine Service-Popup-Toast-Komponentenfunktion zu implementieren
Inhaltsverzeichnis 1. Umweltinstallation 2. Erste...
Vue implementiert eine Registerkartennavigationsleiste und unterstützt die Schiebefunktion nach links und rechts
In diesem Artikel werden hauptsächlich die folgen...
Vue implementiert den Anruf der PC-Kamera, um Fotos in Echtzeit aufzunehmen
Vue ruft die PC-Kamera auf, um Bilder in Echtzeit...
Lösung für den Überlauf der HTML-Tabelle
Wenn die Tabelle breit ist, kann es zu einem Über...
MySQL-Import- und Export-Sicherungsdetails
Inhaltsverzeichnis 1. Detaillierte Erklärung der ...
Unterschied und Implementierung von JavaScript Anti-Shake und Throttling
Inhaltsverzeichnis 1. Anti-Shake 2. Drosselung 3....
Detaillierte Erläuterung von Kompatibilitätsproblemen und Lösungen zum Festlegen der maximalen und minimalen Breite in der Tabelle
Festlegen der Eigenschaften für Mindest- und Maxi...
MySQL-Datenbank erstellen, Benutzer hinzufügen, Benutzerautorisierung, praktische Methode
1. Erstellen Sie eine MySQL-Datenbank 1. Datenban...