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
Deaktivierte Werte, die nicht eingegeben werden können, können nicht an die Aktionsebene übergeben werden
Wenn ich das Formular eingabeunfähig machen möchte...
Dieser Artikel zeigt Ihnen, wie die Speicherbereinigung in JavaScript funktioniert
Inhaltsverzeichnis 1. Übersicht 2. Speicherverwal...
Einige Details zu Semikolons in JavaScript
Vorwort Semikolons sind in JavaScript optional un...
50 Codezeilen zur Implementierung von Nutzungsstatistiken für Webpack-Komponenten
Hintergrund Kürzlich wollte ein Leiter, dass wir ...
Verwenden von Vue3 (Teil 1) Erstellen eines Vue CLI-Projekts
Inhaltsverzeichnis 1. Offizielle Dokumentation 2....
Wofür wird jQuery verwendet? jQuery ist eigentlich ein js-Framework
Einführung in jQuery Die jQuery-Bibliothek kann e...
Detaillierte Erläuterung der Überwachung von Spaltenüberläufen ohne Primärschlüssel in MySQL-Tabellen
Heute bin ich wieder in die Falle getappt. Ich bi...
Webdesign-Erfahrung: 5 hervorragende Webdesign-Konzepte, vollständige Analyse (Bilder)
Im Gegensatz zu anderen Designarten verändert sich...
Verwendung der Vue3-Tabellenkomponente
Inhaltsverzeichnis 1. Ant Design Vue 1. Offiziell...
Zusammenfassung der Wissenspunkte zum Ereignismodul in Node.js
Durch das Studium und die Anwendung von Node wiss...
Vue3 Vue-Ereignisbehandlungshandbuch
Inhaltsverzeichnis 1. Grundlegende Ereignisbehand...
Eine kurze Analyse, ob der MySQL-Primärschlüssel Zahlen oder UUIDs für schnellere Abfragen verwendet
Bei der tatsächlichen Entwicklung kann der Primär...
Informieren Sie sich, wie HTML und Ressourcen geladen werden
Der gesamte Inhalt dieses Blogs ist unter Creativ...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.24
MySQL ist das beliebteste relationale Datenbankma...
Detaillierte Erklärung zu Drag-Time und Drag-Case in JavaScript
Inhaltsverzeichnis DragEvent-Schnittstelle Übersi...