JavaScript zum Implementieren des Click-to-Switch-Bestätigungscodes und der Bestätigung
|
In diesem Artikel wird der spezifische JavaScript-Code zur Implementierung des Click-to-Switch-Verifizierungscodes und der Verifizierung zu Ihrer Information bereitgestellt. Der spezifische Inhalt ist wie folgt Wirkung:
Code:
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="UTF-8">
<Titel></Titel>
<Stil>
div {
Breite: 100px;
Höhe: 40px;
Hintergrundfarbe: rot;
Farbe: #fff;
Textausrichtung: zentriert;
Zeilenhöhe: 40px;
Schriftgröße: 30px;
Schriftstärke: 900;
Benutzerauswahl: keine;
}
.zeigen {
Position: absolut;
links: 0;
oben: 0;
rechts: 0;
unten: 0;
Rand: automatisch;
Breite: 200px;
Höhe: 100px;
Hintergrundfarbe: rosa;
Textausrichtung: zentriert;
Zeilenhöhe: 100px;
Schriftgröße: 40px;
Schriftstärke: 900;
Anzeige: keine;
}
</Stil>
</Kopf>
<Text>
<div></div>
<input type="text" value="Bitte geben Sie den obenstehenden Bestätigungscode ein" />
<button>Registrieren</button>
<div class="show">Warten. . . . </div>
<Skripttyp="text/javascript">
//1000-9999
var div = document.getElementsByTagName("div");
var inp = document.getElementsByTagName("Eingabe")[0];
var btn = document.getElementsByTagName("Schaltfläche")[0];
div[0].innerHTML = ranFun(1000, 9999);
inp.onclick = Funktion () {
dieser.Wert = ""
}
div[0].onclick = Funktion () {
this.innerHTML = ranFun(1000, 9999)
}
btn.onclick = Funktion () {
wenn (inp.value == div[0].innerHTML) {
div[1].style.display = "Block";
setzeTimeout(Funktion () {
location.href = "register.html"
}, 3000)
} anders {
alert('Fehler beim Bestätigungscode')
div[0].innerHTML = ranFun(1000, 9999);
inp.Wert = ""
}
}
Funktion ranFun(a, b) {
gibt Math.floor(Math.random() * (b - a + 1) + a) zurück
}
</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. Das könnte Sie auch interessieren:
|
<<: JavaScript-Canvas zum Erzielen von Regentropfeneffekten
>>: Natives JavaScript-Message Board
Artikel empfehlen
Zusammenfassung mehrerer wichtiger Methoden zur Berechnung und Optimierung des Leistungsindex für MySQL
1 QPS-Berechnung (Anzahl der Abfragen pro Sekunde...
So zeichnen Sie die Zeitleiste mit Vue+Canvas
In diesem Artikelbeispiel wird der spezifische Co...
Front-End-JavaScript-Housekeeper-Paket.json
Inhaltsverzeichnis 1. Erforderliche Attribute 1. ...
Detaillierte Erklärung des strikten Modus in JavaScript
Inhaltsverzeichnis Einführung Verwenden des strik...
Detaillierte Erklärung der schmerzlosen Token-Aktualisierungsmethode von Uniapp
Wenn das Front-End die Schnittstelle anfordert, w...
Detaillierte Erklärung von mktemp, einem grundlegenden Linux-Befehl
mktemp Erstellen Sie auf sichere Weise temporäre ...
Verwenden Sie href in HTML, um beim Klicken auf einen Link ein Dialogfeld zum Herunterladen von Dateien anzuzeigen.
Ich habe heute einen neuen Trick gelernt. Ich kann...
Wie MLSQL Stack das Stream-Debugging vereinfacht
Vorwort Ein Klassenkamerad untersucht die Streami...
MySQL Server 8.0.13.0 Installations-Tutorial mit Bildern und Text
Installieren Sie 8.0.13 basierend auf MySQL 6.1.3...
Eine kurze Diskussion über die richtige Haltung der Tomcat-Speicherkonfiguration
1. Hintergrund Obwohl ich viele Blogs und Artikel...
Unterscheiden Sie zwischen Nullwert und leerem Zeichen ('') in MySQL
Bei der täglichen Entwicklung geht es im Allgemei...
So konfigurieren Sie /var/log/messages im Ubuntu-Systemprotokoll
1. Problembeschreibung Heute muss ich die Systemp...
Die WeChat-Applet-Entwicklung realisiert die Aktivitätsleitfunktion für Popup-Fenster auf der Startseite
Inhaltsverzeichnis 1. Nachfrage 2. Datenbankdesig...
So starten und stoppen Sie das Shell-Skript zur Bereitstellung eines SpringBoot-JAR-Programms unter Linux
Lassen Sie mich Ihnen ohne weitere Umschweife den...
100 Möglichkeiten, die Farbe eines Bildes mit CSS zu ändern (sammelnswert)
Vorwort „Wenn es um Bildbearbeitung geht, denken ...