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
Implementierung der Parametersprungfunktion im Vue-Projekt
Seitenbeschreibung: Hauptseite: Name —> shish...
So rufen Sie die Browser-Sharing-Funktion in Vue auf
Vorwort Vue (ausgesprochen /vjuː/, ähnlich wie vi...
Drei Eigenschaften von Javascript-Objekten
Inhaltsverzeichnis 1. beschreibbar: beschreibbar ...
js implementiert einige Funktionen der Eingabekomponente in Element und kapselt sie in eine Komponente (Beispielcode)
Derzeit sind die Felder „Grundlegende Verwendung“...
Analyse des Konfigurationsprozesses zur Installation von MariaDB basierend auf Docker
1. Installation Suchen Sie über DockerHub nach de...
Detaillierte Erläuterung der Konfiguration und Optimierung des statischen Nginx-Dateidienstes
Stammverzeichnis und Indexdatei Die Root-Direktiv...
Detaillierte Erklärung der KeepAlive-Verwendung in der Vue-Frontend-Entwicklung
Inhaltsverzeichnis Vorwort Keep-Avlive-Hook-Funkt...
Detaillierte Erläuterung des MySQL-Kombinationsindex und des ganz links stehenden Übereinstimmungsprinzips
Vorwort Ich habe im Internet schon viele Artikel ...
Mini-Programm implementiert benutzerdefinierte mehrstufige Einzelauswahl und Mehrfachauswahl
In diesem Artikel wird der spezifische Code zur I...
Lösung für Linux, das nicht alle Befehle unterstützt
Was soll ich tun, wenn Linux nicht alle Befehle u...
So fügen Sie einen Link in HTML ein
Jede Webseite hat eine Adresse, die durch eine UR...
Das automatische Porterkennungsskript von Zabbix Redis gibt das JSON-Format zurück
Wenn wir eine automatische Erkennung durchführen,...
4 Lösungen für CSS-Browserkompatibilitätsprobleme
Frontend ist ein harter Job, nicht nur weil sich ...
So beheben Sie den 10060-Unknow-Fehler, wenn Navicat eine Remote-Verbindung zu MySQL herstellt
Vorwort: Heute möchte ich mich per Remote-Zugriff...
Wann verwendet man Tabellen und wann CSS (Erfahrungsaustausch)
Die Haupttextseite von TW hatte früher eine Breite...