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
Erste Schritte: Eine kurze Einführung in die grundlegenden Tags und Attribute von HTML
HTML besteht aus Tags und Attributen, die zusamme...
Detaillierte Erläuterung der Lösung zur festen Positionierung von CSS-Unterelementen relativ zum übergeordneten Element
Grundlegende Konzepte Absolute Positionierung: Ei...
Versionsnummern in CSS- und JS-Links in HTML (Cache aktualisieren)
Hintergrund Suchen Sie in der Suchmaschine nach d...
js verwendet Cookies, um die Seitenvorgänge des Benutzers zu speichern
Vorwort Während des Entwicklungsprozesses stoßen ...
Detaillierte Erläuterung der default_server-Definition und der entsprechenden Regeln von nginx
Die default_server-Direktive von nginx kann einen...
Lösen Sie das Problem, dass die Methoden der document.getElementBy-Reihe keine Objekte abrufen können
getElementById kann das Objekt nicht abrufen Beim...
Lösungen für MySQL OOM (Speicherüberlauf)
OOM steht für „Out Of Memory“, was so viel bedeut...
Legen Sie ein Symbol für die Website fest, das ganz links auf der Registerkarte des Browsers angezeigt werden soll
Was ist der Zweck dieses Satzes? Code kopieren Der...
CentOS 7 - Lösungsprozessdiagramm für vergessene Passwörter
brauchen Unabhängig davon, ob es sich um ein Wind...
Zusammenfassung gängiger Docker-Befehle (empfohlen)
1. Zusammenfassung: Im Allgemeinen können sie in ...
Der Unterschied zwischen VOLUME und docker -v in Dockerfile
Es gibt offensichtliche Unterschiede zwischen der...
Fälle, in denen bestimmte Bibliotheken beim Sichern der Datenbank mit mysqldump ausgeschlossen werden
veranschaulichen: Mit mysqldump –all-databases we...
Informationsübertragung und Funktionsaufrufe zwischen WeChat-Miniprogrammseiten und -Komponenten
In diesem Artikel werde ich die relevanten Inhalt...
Html Select verwendet das ausgewählte Attribut, um die Standardauswahl festzulegen
Wenn Sie einer Option das Attribut selected = &quo...
Lösung für das Problem des MySQL-Threads beim Öffnen von Tabellen
Problembeschreibung Vor kurzem gab es einen MySQL...