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
Analyse des MySQL-Warnprotokolls zu abgebrochenen Verbindungen
Vorwort: Manchmal wird die mit MySQL verbundene S...
Eine Codezeile zeigt Ihnen, wie Sie Linux-Prozesse verbergen
Freunde fragen mich immer, wie man Linux-Prozesse...
Einige CSS-Fragen, die Ihnen während eines Vorstellungsgesprächs gestellt werden könnten
Dieser Artikel dient lediglich der Erinnerung an ...
Docker-Compose erstellt schnell Schritte für ein privates Docker-Warehouse
Erstellen Sie docker-compose.yml und füllen Sie d...
Vue3+Vite+TS implementiert sekundäre Kapselung von Element-Plus-Geschäftskomponenten sfasga
Inhaltsverzeichnis 1. Strukturzeichenfolge 2. Tup...
Lernen Sie die wichtigsten Kenntnisse, die im Vue-Framework beherrscht werden müssen
1. Was ist Vue Vue ist ein fortschrittliches Fram...
Detaillierte Erklärung zur Verwendung von $emit in Vue.js
1. Übergeordnete Komponenten können Props verwend...
Kostenlose Installationskonfigurationsmethode für MySQL 5.7.18 WinX64
1. Herunterladen 2. Dekompression 3. Fügen Sie di...
MySQL Serie 13 MySQL-Replikation
Inhaltsverzeichnis 1. Mit der MySQL-Replikation v...
Erklärung des Problems, dass der strikte Modus von JavaScript kein Oktal unterstützt
Was das Problem betrifft, dass der strikte Modus ...
Über das WeChat-Gleitproblem des UniApp-Editors
Das Uniapp-Applet wird ein ähnliches Dropdown-Pro...
Grafisches Tutorial zur Installation und Konfiguration komprimierter Pakete von MySQL 5.7.17
Da es im Internet nur wenige und unzureichende In...
Extrahieren Sie bestimmte Dateipfade in Ordnern basierend auf Linux-Befehlen
In letzter Zeit besteht der Bedarf, automatisch n...
Informationen zum Textumbruchproblem bei IE-Labels (LI)
Ich habe lange damit gekämpft und nach einiger Suc...
Vue-Vorlagenkonfiguration und Webstorm-Codeformatspezifikationseinstellungen
Inhaltsverzeichnis 1. Einstellungen für die Spezi...