验证码生成与验证-CSDN博客

本文介绍了一个简单的验证码生成及验证机制的实现方式。该机制通过生成包含数字和字母的验证码，并提供用户界面进行输入验证，确保了网站登录的安全性。文章详细解释了如何使用JavaScript创建验证码图片、更新验证码以及验证用户输入的正确性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input type="text" id="input1">
<input type="button" id="checkCode" class="code" style="width:60px" onclick="createCode()"> <a href="###" onclick="createCode()">看不清楚</a>
<input id="Button1" onclick="validate();" type="button" value="确定">

var code; //在全局 定义验证码
function createCode() {
    code = new Array();
    var codeLength = 4; //验证码的长度
    var checkCode = document.getElementById("checkCode");
    checkCode.value = "";
    var selectChar = new Array(2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J', 'K', 'L', 'M', 'N', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z');
    for (var i = 0; i < codeLength; i++) {
        var charIndex = Math.floor(Math.random() * 32);
        code += selectChar[charIndex];
    }
    if (code.length != codeLength) {
        createCode();
    }
    checkCode.value = code;
}

function validate() {
    var inputCode = document.getElementById("input1").value.toUpperCase();
    if (inputCode.length <= 0) {
        alert("请输入验证码！");
        return false;
    } else if (inputCode != code) {
        alert("验证码输入错误！");
        createCode();
        return false;
    } else {
        alert("成功！");
        return true;
    }
}

JS随机验证码