检查变量以输入 JS 的可行方法

Question

我正在尝试为项目创建自定义验证码，我想知道如何检查输入是否等于变量。

window.onload = function makeid() {
    var text = "";
    var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
    var place = document.getElementById("random");
    for( var i=0; i < 5; i++ ) {
        text += possible.charAt(Math.floor(Math.random() * possible.length));
    };
        console.log(text);
        place.innerHTML = text;
        };
    };

顺便说一句，我是 javascript 的新手。

随机字符串生成器部分不是我的。

Answer 1

您需要修复一些语法问题：

window.onload = function makeid() {
    var text = "";
    var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
    var place = document.getElementById("random");
    
    for( var i=1; i <= 5; i++ ) {
        text += possible.charAt(Math.floor(Math.random() * possible.length));
    };
    
    console.log(text);
    place.innerHTML = text;
 };

<span id="random"></span>

如果您想增加生成的字符串的长度，只需将此条件 i <= 5 替换为其他条件，例如：i <= 15 -> 15 个符号

Answer 2

你在 span 中有一个验证码，剩下要做的就是放置一个输入框，检索其内容并将它们与验证码进行比较。（我使用 Ali 的代码作为起点）

        window.onload = function makeid() {
            var text = "";
            var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
            var place = document.getElementById("random");

            for (var i = 1; i <= 5; i++) {
                text += possible.charAt(Math.floor(Math.random() * possible.length));
            };

            console.log(text);
            place.innerHTML = text;
        };

        //This code waits for the user to press the enter key in order to trigger the function that compares the strings
        inputbox = document.getElementById("userinput"); inputbox.addEventListener("keydown", function(e) {
            if (e.keyCode === 13) { //checks whether the pressed key is "Enter"
                validate(e);
            }
        });

        //And this actually performs the comparison and shows a response
        function validate(e) {
            var captchatext = document.getElementById("random").innerHTML;
            var usertext = document.getElementById("userinput").value;
            if (captchatext == usertext) {
                alert("Correct captcha");
            } else {
                alert("Incorrect captcha");
            }
        }

        <span id = "random" > < /span>
<input id = "userinput" type = "text" >

检查变量以输入 JS 的可行方法

Viable way to check variable to input JS

html

javascript

variables

captcha

input