Implementierung von Kennwortfeld-Verifizierungsinformationen basierend auf JavaScript

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

<!DOCTYPE html>
<html lang="de">
 
<Kopf>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0">
    <title>Dokument</title>
    <Stil>
        div {
            Breite: 600px;
            Rand: 100px automatisch;
        }
        
        .Nachricht {
            Anzeige: Inline-Block;
            Schriftgröße: 12px;
            Farbe: #999;
            Hintergrund: URL (./img/1.png) keine Wiederholung links Mitte;
            Polsterung links: 10px;
        }
        
        .falsch {
            Farbe: rot;
            Hintergrundbild: URL (img/2.png);
        }
        
        .Rechts {
            Farbe: grün;
            Hintergrundbild: URL (img/3.png);
        }
    </Stil>
</Kopf>
 
<Text>
    <div Klasse="registrieren">
        <input type="password" class="ipt">
        <p class="message">Bitte geben Sie ein 6-16-stelliges Passwort ein</p>
    </div>
    <Skript>
        //Element abrufen var ipt = document.querySelector('.ipt');
        var Nachricht = document.querySelector('.message');
        //Ereignis registrieren ipt.onblur = function() {
            //Entsprechend der Länge der Form valueif (this.value.length < 6 || this.value.length > 16) {
                message.className = 'Nachricht falsch';
                message.innerHTML = „Die Anzahl der eingegebenen Ziffern ist falsch“;
            } anders {
                message.className = 'Nachricht rechts';
                message.innerHTML = 'Kostenlos eingeben';
            }
        }
    </Skript>
</body>
 
</html>

Ergebnisse der Operation

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.

Das könnte Sie auch interessieren:

JavaScript implementiert Eingabeaufforderungen im Eingabefeld (Passwortfeld)
JS-Implementierung eines Beispiels für die Funktion „Passwortfeld anzeigen und Passwort verbergen“
Implementierung des Texteingabeaufforderungsfunktionscodes im Kennwortfeld (Passwort) basierend auf JS
js implementiert die Anzeige-/Ausblendfunktion des Kennworteingabefelds
So implementieren Sie die Eingabeaufforderungsinformationen des Kennworteingabefelds mit js (mit HTML5-Implementierungsmethode)
So verwenden Sie JavaScript zur Eingabeaufforderung in Textfeldern (Passwortfeldern)
JS implementiert das Klicken auf das kleine Auge im Formular, um das Passwort im versteckten Passwortfeld anzuzeigen
Javascript-Passwortfeld, um zu verhindern, dass Benutzer Implementierungscode einfügen und kopieren
Das durch den regulären Ausdruck von js implementierte Kennwortfeld ist einfach zu erstellen und Sie können es auch durch die Symbole ersetzen, die Sie verwenden möchten
JS realisiert den Passwortfeldeffekt

<<: Grundprinzipien des skalierbaren MySQL-Designs

>>: Detaillierte Erläuterung des Bereitstellungsprozesses von Docker Alibaba Cloud RocketMQ 4.5.1