JS验证码实现代码

废话不多说了,直接给大家贴代码了,具体代码如下所示:

函数 code = ""; var codeLength =4;//验证码的长度 var selectChar = new Array(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','z');//所有候选组成验证码的字符,当然也可以用中文的 for(var i=0;i显示样式,并显示 document.getElementById("discode").style.fontFamily="Fixedsys"; //设置字体 document.getElementById("discode").style.letterSpacing="5px"; //字体间距 document.getElementById("discode").style.color="#0ab000"; //字体颜色 document.getElementById("discode").innerHTML=code; // 显示 } function but() {//验证验证码输入是否正确 var val1=document.getElementById("t1").value; var val2=code; if(val1!=val2){ alert("验证码错误!"); document.getElementById('t1').value=""; } }

验证码框

效果

总结

以上所述是小编给大家介绍的JS验证码实现代码。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

相关文章

事件冒泡和事件捕获 起因:今天在封装一个bind函数的时候,发现el.addEventListener函数支持第三个参数...
js小数运算会出现精度问题 js number类型 JS 数字类型只有number类型,number类型相当于其他强类型语言...
什么是跨域 跨域 : 广义的跨域包含一下内容 : 1.资源跳转(链接跳转,重定向跳转,表单提交) 2.资源...
@ "TOC" 常见对base64的认知(不完全正确) 首先对base64常见的认知,也是须知的必须有...
搞懂:MVVM模式和Vue中的MVVM模式 MVVM MVVM : 的缩写,说都能直接说出来 :模型, :视图, :视图模...
首先我们需要一个html代码的框架如下: 我们的目的是实现ul中的内容进行横向的一点一点滚动。ul中的内容...