web前端|js教程
验证码
web前端-js教程
本篇文章给大家带来的内容是关于原生js实现验证码的生成方法(完整代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
ip授权源码,ubuntu 不显示,tomcat防盗链过滤,异步数据爬虫,php 字符串和0比较,seo如何全面查看一个网站lzw
北京pk10源码搭建,ubuntu有线驱动安装,豆瓣反爬虫统,【php】allowed,广州seo技巧lzw
看不清....
var b=document.getElementsByClassName("block")[0]; var btn=document.getElementsByClassName("btn")[0]; var s=document.getElementsByClassName("txt"); var yztxt=document.getElementsByClassName("yztxt")[0]; var yz=document.getElementsByClassName("yz")[0]; var numrous=""; //定义一个空数组 用来存放生成的验证码 yz.onclick=function(){ //给验证按钮一个方法 判断验证码是否输入正确 if(yztxt.value.length<=0){ alert("请输入验证码:") } else if(yztxt.value== numrous.toLowerCase()){ alert("验证成功!"); } else{ alert("验证失败!"); nrandom();//验证失败重新调随机产生验证码的函数 } }; btn.onclick=function(){//当鼠标点击看不清时,切换验证码 nrandom(); }; nrandom(); function nrandom(){ numrous="";//在产生下一组验证码,清空上次验证码 b.innerHTML="";//清空文本框中验证码 for(var i=0;i<6;i++){ var num=Math.random()*100; //产生数字,大小写字母的总概率100 if(num<=50){//数字产生的概率50%var n=Math.floor(Math.random()*10);numrous+=n;//将随机产生的数字放在字符串numrousb.innerHTML+=""+n+"";//将随机产生的数字在文本框中显示 } else if(num>=50&&num<=80){//产生小写字母的概率为30%var n =String.fromCharCode(Math.floor(Math.random()*25+97));numrous+=n;b.innerHTML+=""+n+""; } else{//产生大写字母的概率20%var n =String.fromCharCode(Math.floor(Math.random()*25+65));numrous+=n;b.innerHTML+=""+n+""; } } stylezi();//调用验证码字体样式 } //下面分别设置了验证码的颜色,大小,粗细,距左的距离以及倾斜角度 function stylezi(){ for(var i=0;i< s.length;i++){ s[i].style.color="rgb("+Math.floor(Math.random()*255)+","+Math.floor(Math.random()*255)+","+Math.floor(Math.random()*255)+")"; s[i].style.fontSize=(Math.random()*20+15)+"px"; s[i].style.fontWeight=Math.random()*300+200; s[i].style.left=(Math.random()*20-10)+"px"; s[i].style.transform="rotatez("+Math.random()*90-45+"deg)"; } }
微信对话网站源码,ubuntu读不出光驱,jar包不需要tomcat,python爬虫web,信阳网站建设方案php,seo当火星lzw
js在网页上显示时间的代码实现
js如何生成二维码?js生成二维码的方法(代码)