登陆界面HTML验证码生成

<a href="javascript:void(0)" style="color:white;text-decoration:none;">
    <div id="code" onclick="getCode()" align="center"></div>
</a>

//登陆验证码js实现
<script>
var code = "abcdefghijkmnpqrstuvwxyzABCDEFGHIJKLMNPQRSTUVWXYZ123456789";//随机验证码
var hex="0123456789ABCDEF";//随机背景颜色
 
//数字随机
function getRandom(n, m) {
    n = Number(n);
    m = Number(m);
    if (n > m) {
        var temp = n;
        n = m;
        m = temp;
    }
    return Math.floor(Math.random()*(m - n) + n);
}

//颜色随机
function getColor(){
	var hexColor="#";
    var strColor = '';
	for (var i = 0; i < 6; i++) {
        var rgb = getRandom(0, 16);
        strColor += hex.charAt(rgb);
    }
	return hexColor + strColor;
}

//验证码生成
function getCode() {
    var str = '';
    var oDiv = document.getElementById('code');
    for (var i = 0; i < 6; i++) {
        var ran = getRandom(0, 58);
        str += code.charAt(ran);
    }
    oDiv.style.backgroundColor = getColor();
    oDiv.innerHTML = str;
}
</script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值