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:

js implementiert die Login-Registrierungsbox zur Überprüfung der Mobiltelefonnummer und des Bestätigungscodes (Front-End-Teil)
JavaScript implementiert die zufällige Generierung von Bestätigungscode und Bestätigung

<<: JavaScript-Canvas zum Erzielen von Regentropfeneffekten

>>: Natives JavaScript-Message Board