html验证码生成

 
<HTML>
<HEAD>
    <TITLE>生成验证码</TITLE>
    <SCRIPT LANGUAGE="JavaScript">
        function createCode(len)
        {
            var seed = new Array(
                    'abcdefghijklmnopqrstuvwxyz',
                    'ABCDEFGHIJKLMNOPQRSTUVWXYZ',
                    '0123456789'
            );               //创建需要的数据数组
            var idx,i;
            var result = '';   //返回的结果变量
            for (i=0; i<len; i++) //根据指定的长度
            {
                idx = Math.floor(Math.random()*3); //获得随机数据的整数部分-获取一个随机整数
                result += seed[idx].substr(Math.floor(Math.random()*(seed[idx].length)), 1);//根据随机数获取数据中一个值
            }
            return result; //返回随机结果
        }

        function test() {
            var inputRandom=document.getElementById("inputRandom").value;
            var autoRandom=document.getElementById("autoRandom").innerHTML;
            if(inputRandom==autoRandom) {
                alert("通过验证");
            } else {
                alert("没有通过验证");
            }

        }
    </SCRIPT>
</HEAD>
<BODY>
验证码长度:
<SELECT id="sel">
    <option value=1>1</option>
    <option value=3>3</option>
    <option value=5>5</option>
    <option value=7 selected>7</option>
    <option value=9>9</option>
</SELECT>
<BR>
<table>
    <tr>
        <td>验证码:</td>
        <td><input type="text" id="inputRandom"></td>
        <td><label id="autoRandom" value=""></label><INPUT TYPE="button" VALUE="获取验证码" ONCLICK="autoRandom.innerHTML=createCode(sel.value)"></td>
        <td><input type="button" value="验证" οnclick="test()"></td>
    </tr>

</table>
<script type="text/javascript">
    window.onload()=autoRandom.innerHTML=createCode(sel.value);
</script>
</BODY>
</HTML>
  • 6
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值