本文实例为大家分享了射流研究…实现随机五位数验证码的具体代码,供大家参考,具体内容如下
功能展示:
点击按钮,随机生成数字大小写字母验证码
所有代码:
!DOCTYPE html html hearteta charset=' UTF-8 '标题随机生成验证码/标题/头像/*验证码*/.上传-awrp { overflow:隐藏;边距: 120 px 0;}.代码{ font-family : Arial字体样式:斜体;font-size : 30px边框: 0;padding: 2px 3px字母-间距: 3px字体粗细:更粗;向左浮动:光标:指针;宽度: 150像素;高度: 60px线高: 60px文本对齐:中心;垂直对齐: 中间;border: 1px固体# 6D6D72}/stylebody!-随机验证码-div id='校验码' style='溢出:隐藏;'div class=' code ' id=' data _ code '/div/div脚本src=' http : js/jquery。量滴js '/script脚本类型=' text/JavaScript ' $。fn。code _ Obj=function(o){ var _ this=$(this);var options={ code _ l : o . code length,//验证码长度codechars 3360[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’、‘Yfind(' # data _ code ');for(var I=0;我喜欢这个。代码_ l;I){ var charNum=math。地板(数学。random()* 52);代码=这个。CodeChars[CharNum];} for(var I=0;我喜欢这个。代码颜色。长度;I){ var charNum=math。地板(数学。random()* 12);codeColor=这个。code colors[CharNum];} console.log(代码);if(CheckCode){ CheckCode。CSS(' color ',CodeColor);检查COde。类名=' COdecheckCode.text(代码);checkCode.attr('data-value ',code);} } };选项。code _ Init();//初始化验证码_this.find('#data_code ').bind('click ')、function(){ options。code _ Init();});};$(' #校验码')。code _ Obj({ code length : 5 });/脚本/正文/html以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。