javascript生成随机验证码详细代码-Powered by 25yicms

javascript生成随机验证码一般用于用户注册和登陆这些地方，现在详细讲解一下javascript生成随机验证码代码。

//填写验证码input
CheckCode:<input type="text" id="txtCheckCode" name="txtCheckCode" class="input" style="width:70px;">
//验证码显示区
<div id="imgCheckCode" style="width:44px; height:16px; position:absolute; right:0px; top:1px;">
<img src="images/number/8.gif"><img src="images/number/8.gif"><img src="images/number/8.gif"><img src="images/number/8.gif">
</div>

javascript代码：

var checkcode;
function random(startnum,endnum) //返回javascript生成的随机数
{
    var upnum=Math.abs(endnum-startnum);
    var ran=parseInt(Math.random()*10000000000000000);
    ran=(ran+1)%upnum;
    return ran+startnum;
}

function generate_checkcode() //绑定javascript生成的随机数
{
    this.checkcode="";
    var imgstr="";
    for(var i=0;i<4;i++)
    {
        randnum=this.random(0,10);
        this.checkcode += randnum;
        imgstr+="<img src='images/number/"+randnum+".gif' width=11 height=16>";
    }
    this.imgcheckcode.innerHTML=imgstr;
}

function checkform() //在如登陆注册处对输入的验证码进行验证
{
    if(this.txtcheckcode.value!=this.checkcode) { this.txtcheckcode.focus(); alert("Checkcode error!"); return false; }
}

javascript生成随机验证码中用到的图片素材：