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
So ändern Sie die SSH-Portnummer in der Centos8-Umgebung
Inhaltsverzeichnis Vorwort Start Vorwort Die Stan...
Zusammenfassung der Wissenspunkte zu den grundlegenden Attributen von Linux-Dateien
Das Linux-System ist ein typisches Mehrbenutzersy...
So konfigurieren Sie die Datei My.ini bei der Installation der MySQL5.6.17-Datenbank
Ich habe kürzlich bei der Entwicklung eines Proje...
CSS realisiert Div vollständig zentriert, ohne Höhe festzulegen
Erfordern Das Div unter dem Körper ist vertikal z...
jQuery-Plugin zur Implementierung des sekundären Akkordeonmenüs
Dieser Artikel verwendet ein jQuery-Plugin, um ei...
Detaillierte Erklärung zur Verwendung von ES6 Promise
Inhaltsverzeichnis Was ist ein Versprechen? Verwe...
Die ultimative Lösung für das Problem verstümmelter chinesischer Schriftzeichen auf statischen Tomcat-Seiten (HTML)
In Tomcat ist JSP nicht verstümmelt, aber HTML-Ch...
Detaillierte Erläuterung des dynamischen Zeitbereichsgrenzfalls im Vue el-date-picker
Es gibt zwei Situationen 1. Startzeit und Endzeit...
Sortierung der technischen Hinweise zum Linux-Kernel-Gerätetreiber-Kernel-Debugging
/****************** * Kernel-Debugging-Technologi...
Ausführliche Erläuterung des Prinzips des MySQL Innodb-Index
Einführung Wenn ich zurückblicke, sagte der Lehre...
Einführung in verschiedene Möglichkeiten zur Einführung von CSS in HTML
Inhaltsverzeichnis 1. CSS-Stile direkt in HTML-Ta...
Detaillierte Erklärung dieser Referenz und benutzerdefinierter Eigenschaften in JavaScript
Inhaltsverzeichnis 1. dieses Schlüsselwort 2. Ben...
Docker-Konfiguration Alibaba Cloud Image Acceleration Pull-Implementierung
Heute habe ich Docker verwendet, um das Image abz...
Über Tomcat kombiniert mit Atomikos zur Implementierung von JTA
Vor Kurzem hat das Projekt die Umgebung gewechsel...
Was ist JavaScript Anti-Shake und Throttling
Inhaltsverzeichnis 1. Funktion Entprellung 1. Was...