JS验证码实现代码
废话不多说了,直接给大家贴代码了,具体代码如下所示:
脚本语言='javascript'var代码;//在全局定义验证码函数createCode(){ //创建验证码函数代码=' ';var codeLength=4;//验证码的长度var selectChar=新数组(0,1,2,3,4,5,6,7,8,9,' a ',' b ',' c ',' d ',' e ',' f ',' g ',' h ',' I ',' j ',' k ',' l ',' m ',' n ',' o ',' p ',' q ',' r ',' s ',' t ',' u ',' v ',' w ',' x ',' y ',//所有候选组成验证码的字符,当然也可以用中文的for(var I=0;icodelelengthI){ var charIndex=math。地板(数学。random()* 36);code=SelectChar[CharIndex];}//设置验证码的显示样式,并显示文件。getelementbyid(' discode ')。风格。font family=' Fixedsys//设置字体文件。getelementbyid(' discode ')。风格。字母间距=' 5px//字体间距文件。getelementbyid(' discode ')。风格。color=' # 0ab 000//字体颜色文件。getelementbyid(' discode ').innerHTML=代码;//显示}函数但(){//验证验证码输入是否正确var val 1=文档。getelementbyid(' t1 ').价值;var val2=代码;if(val1!=val2){ alert('验证码错误!');document.getElementById('t1 ').值=' ';} }/脚本验证码框
div class=' input ' input id=' t1 ' type=' text ' name=' u ' placeholder='验证码onb lur=' but()'/span id=' discode '/span输入类型='按钮'值='换一换class=' c ' style=' height :20 px;'onClick='createCode()' /div效果
总结
以上所述是小编给大家介绍的射流研究…验证码实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!