JS实现生成随机验证码并验证功能




    
    JS实现生成随机验证码并验证功能
    
    
    


    

刷新验证码

提交
window.onload=function(){
    var yzm=document.getElementById("yzm");
    var yzmInput=yzm.getElementsByClassName("yzmInput")[0];
    var yzmCode=yzm.getElementsByClassName("yzmCode")[0];
    var yzmUpdate=yzm.getElementsByClassName("yzmUpdate")[0];
    var yzmSubmit=yzm.getElementsByClassName("yzmSubmit")[0];    
    var code=""; 
    var yzm=function(){
        return Math.floor(Math.random()*10)+""+Math.floor(Math.random()*10)+""+Math.floor(Math.random()*10)+""+Math.floor(Math.random()*10);
    }
    yzmCode.innerHTML=yzm();
    yzmUpdate.onclick=function(){
            yzmCode.innerHTML=yzm();        
    }
    code= yzmCode.innerHTML;
    yzmSubmit.onclick=function(){
        var value=yzmInput.value;        
        if(value==""){
            alert("请输入验证码!");
        }
        else if(value==code){
            alert("验证成功!");
        }else{
            alert("验证码错误,请重新输入!");
        }
    }    
}

 

你可能感兴趣的:(Js学习日志)