JavaScript implementiert die zufällige Generierung von Bestätigungscode und Bestätigung

JavaScript implementiert die zufällige Generierung von Bestätigungscode und Bestätigung

In diesem Artikel wird der spezifische Code von JavaScript zur zufälligen Generierung von Bestätigungscodes und zur Überprüfung als Referenz bereitgestellt. Der spezifische Inhalt ist wie folgt

Geben Sie den Bestätigungscode ein (Groß-/Kleinschreibung beachten) und klicken Sie zur Bestätigung auf „Bestätigen“. Popup-Fenster fordert Sie auf, wenn ein Fehler auftritt

Klicken Sie hier, um einen zufälligen Bestätigungscode neu zu generieren

Nachfrage, wenn der Verifizierungscode falsch eingegeben wurde

<Text>
    <div Klasse="v_code">
        <div Klasse="Code anzeigen">
            <span class="code" id="checkCode"></span>
            <a href="#" id="linkbt">Kann nicht klar sehen, ändere eins</a>
        </div>
        <div Klasse="Eingabecode">
            <label for="inputCode">Bestätigungscode:</label>
            <Eingabetyp="Text" id="Eingabecode">
            <span id="text_show"></span>
        </div>
        <input type="button" id="Button1" value="Bestätigen">
    </div>
    <Skript>
        // 1. Generiere einen Bestätigungscode // 6 Ziffern 0-9 af. Generiere zufällig 6 Ziffern, müssen 0-9 af sein. string // Array-Index 0, 1, 2... Index 0-15 zufällig aus dem Array // 2. Überprüfe und klicke auf „Bestätigen“, um zu vergleichen. window.onload = function() {
            const randomWord = () => {
                lass Code = '';
                für (var i = 0; i < 6; i++) {
                    var Typ = getRandom(1,3);
                    Schalter(Typ) {
                        Fall 1:
                            Code += String.fromCharCode(getRandom(48,57)) // digitaler Umbruch;
                        Fall 2:
                            Code += String.fromCharCode(getRandom(65,90)); //Großbuchstaben;
                        Fall 3:
                            Code += String.fromCharCode(getRandom(97,122)); //Kleinbuchstaben trennen;
                    }
                }
                Rückgabecode;
            }
            Funktion getRandom(min, max) {
                gibt Math.round(Math.random()*(max-min)+min) zurück
            }

            //Datenabruffunktion aufrufen const rand = randomWord();
            //console.log(rand);
            var checkCode = document.getElementById('checkCode');
            checkCode.innerText = rand;
        
        // Klicken, um die Zufallszahl zu wechseln var linkbt = document.getElementById('linkbt');
            linkbt.addEventListener('klicken', function() {
                checkCode.innerText = zufälligesWord();
            })

        // Zum Vergleich abschicken document.getElementById('Button1').onclick = function() {
                var Eingabecode = document.querySelector('#Eingabecode');
                wenn (EingabeCode.Wert != PrüfCode.innerText) {
                    alert('Der von Ihnen eingegebene Bestätigungscode ist falsch');
                    EingabeCode.Wert = '';
                    gibt false zurück;
                } anders {
                    alert('Eingabe ist korrekt');
                }
            }
        }
    </Skript>
</body>

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 zufällige Generierung von Bestätigungscodes
  • JavaScript implementiert die Generierung eines 4-stelligen zufälligen Bestätigungscodes
  • JavaScript klickt auf die Schaltfläche, um einen 4-stelligen zufälligen Bestätigungscode zu generieren
  • JavaScript-Funktion kapselt zufälligen Farbüberprüfungscode (vollständiger Code)

<<:  Erläuterung der Docker Compose-Netzwerkeinstellungen

>>:  Mysql Workbench - Abfragemethode für MySQL-Datenbanken

Artikel empfehlen

Das Konzept und die Eigenschaften von benutzerdefinierten MySQL-Variablen

Ein MySQL Custom Value ist ein temporärer Contain...

HTML verwendet Canvas, um die Bullet-Screen-Funktion zu implementieren

Einführung Kürzlich musste ich für einen großen A...

Vue-Handschrift-Ladeanimationsprojekt

Wenn die Seite nicht reagiert, ist die Anzeige de...

vue.js Router verschachtelte Routen

Vorwort: Manchmal ist der Hauptteil einer Route d...

MySQL-Abfrageanweisung nach Zeit gruppiert

MySQL-Abfrage nach Jahr, Monat, Woche, Tagesgrupp...

So verwenden Sie den Linux-Befehl „basename“

01. Befehlsübersicht Basisname - entfernt Verzeic...

Einfache Implementierung von Mini-Vue-Rendering

Inhaltsverzeichnis Vorwort Ziel Erster Schritt: S...

Ein auf Vue-cli basierender Codesatz unterstützt mehrere Projekte

Inhaltsverzeichnis Anwendungsszenario Ideen Proje...

Die Funktionen und Unterschiede zwischen deaktiviert und schreibgeschützt

1: schreibgeschützt dient zum Sperren dieses Steue...

Implementierung integrierter Module und benutzerdefinierter Module in Node.js

1. Commonjs Commonjs ist ein benutzerdefiniertes ...

So verwenden Sie vite zum Erstellen einer Vue3-Anwendung

1. Installation Tipp: Derzeit gibt es kein offizi...

Datenbankübergreifende Assoziationsabfragemethode in MySQL

Geschäftsszenario: Abfragen von Tabellen in versc...