js html制作简单验证码

本文实例为大家分享了Java脚本语言制作验证码的具体代码，供大家参考，具体内容如下

html health eta charset=' utf-8 '/title js验证码/title style type=' text/CSS ' # log in { width :50 px；高度：30 px线高：30 pxmargin:0汽车背景色： # eee文本对齐：居中；颜色：红色} p {宽度：75px高度：30 pxmargin :0 auto }/style/head dyp验证码：/pdiv id=' log in ' onclick=' show()' a href=' # '/a/div脚本类型=' text/JavaScript '函数代码(n){ var a=' azxcvbnmsdfghjklwertyopzxcvbnmasghjklqwertyuiop 0123456789 '；var b=for(var I=0；在；I){ var index=math。地板(数学。random()* 62)；b=a.charAt(索引);}返回b；};函数show(){ document。getelementbyid('登录').innerHTML=codes(4)；} window.onload=show/脚本/正文/html另一个射流研究…验证码的部分代码：

定义变量代码；//在全局定义验证码//产生验证码函数create code(){ code=' '；var codeLength=4；//验证码的长度var校验码=文档。getelementbyid(' code ')；var random=新数组(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 '，' Y '//随机数for(var I=0；我代码长度；i ) {//循环操作定义变量指数=数学。地板(数学。random()* 36)；//取得随机数的索引(0~35)代码=随机[索引]；//根据索引取得随机数加到密码上} checkCode.value=code//把密码值赋给验证码} //校验验证码document.getElementById('Yzm ').addEventListener('change '，validate)；函数validate(){ var inputCode=document。getelementbyid(' Yzm ')。价值。touppercase()；//取得输入的验证码并转化为大写if(inputCode.length=0) { //若输入的验证码长度为0警报('请输入验证码!');//则弹出请输入验证码$('#Yzm ').焦点();YZM=假；} else if(inputCode！=代码){ //若输入的验证码与产生的验证码不一致时警报('验证码输入错误！@[电子邮件保护]')；//则弹出验证码输入错误create COde()；//刷新验证码$('#Yzm ').val(" ")；Helvetica阿里亚尔公司，无衬线字体；'//清空文本框/span $('#Yzm ').焦点();//重新聚焦验证码框YZM=假；} else { //输入正确时$('#Yzm ').blur()；//绑定验证码输入正确时要做的事YZM=真；} };附效果图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。