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
11 Beispiele für die erweiterte Verwendung von Eingabeelementen in Webformularen
1. Löschen Sie das gepunktete Feld, wenn die Scha...
Ein zeitaufwändiger Fehlerbehebungsprozess für einen Docker-Fehler
Inhaltsverzeichnis Herkunft Umweltinformationen F...
Detaillierte Installation und Verwendung von SSH in der Ubuntu-Umgebung
SSH steht für Secure Shell, ein sicheres Übertrag...
So implementieren Sie das Abfangen von URIs im Nginx-Standort
veranschaulichen: Stamm und Alias im Standort D...
Tutorial zur Installation von Ubuntu 1804 in VMware Workstation 15 Pro (mit Bildern und Text)
Dieser Hinweis ist ein Installationstutorial. Er ...
So installieren Sie Graphviz und beginnen mit dem Tutorial unter Windows
Herunterladen und installierenUmgebungsvariablen ...
CentOS 7: Beispielcode zum Festlegen des Grub-Passworts und zur Einzelbenutzeranmeldung
Es gibt erhebliche Unterschiede zwischen CentOS7 ...
Lösung für MySql-Fehler 1698 (28000)
1. Problembeschreibung: MysqlERROR1698 (28000)-Lö...
Detaillierte Erklärung der Kernfunktionen und der Ereignisbehandlung von jQuery
Inhaltsverzeichnis Ereignis Seite wird geladen Ve...
Detaillierte Analyse von Homologie und Domänenübergreifendkeit, JSONP (Funktionskapselung), CORS-Prinzip
Inhaltsverzeichnis Same-Origin-Richtlinie Ajax-An...
Empfohlene Tipps für Web-Frontend-Ingenieure
Lassen Sie uns zunächst über den Wert von Web-Fro...
Anweisungen zur Verwendung des Meta-Viewport-Tags (Zoom-Steuerung beim mobilen Surfen)
Wenn OP eine Webseite mit der aktuellen Firmware ...
So bedienen Sie das Kontrollkästchen auf einer HTML-Seite
Kontrollkästchen sind auf Webseiten sehr verbreit...
Beispiele für Optimierungstechniken zur Verbesserung der Effizienz langsamer Abfragen in MySQL IN-Anweisungen
Die Tabellenstruktur ist wie folgt. Es gibt nur 6...
Warum funktioniert Ihre Größe: 100 % nicht?
Warum funktioniert Ihre Größe: 100 % nicht? Diese...