【原】jQuery与CSS自动生成验证码

模板：

<button class="r receive_code">获取验证码</button>
<span class="r code"></span>

脚本：

// 生成六位数字验证码
    $(".code").html(null);
    function createCode() {
        var code = "";
        var length = 6;
        var i;
        var str = "";
        var content;
        var codeSpan = $(".code");
        var arrColor = ["blue", "red", "green", "brown", "gray", "pink", "red", "green", "brown", "blue"];
        codeSpan.html(null);
        for (i = 0; i < length; i++) {
            index = Math.floor(Math.random() * 6);
            code = Math.floor(Math.random() * 10);
            str += code;
            color = arrColor[index];
            content = $("<i></i>").html(code);
            content.appendTo(codeSpan);
            $(".code i").eq(index).css({"color": color});
        }
        codeSpan.attr("data-val", str);
    }

    $(".receive_code").click(createCode);