佛山优秀网站建设,无锡网站排名哪家好,做外贸推广,怎么免费制作app由字母和数字组成的验证码#xff0c;点击验证码图片或者换一张时验证码会随机生成。
程序解读
字母和数字的组合图片和换一张文字的点击样式随机生成验证码判断是否正确正确之后弹框提示
效果演示
原始样式 点击验证码图片或者换一张字样时随机生成新的验证码 输入错误…由字母和数字组成的验证码点击验证码图片或者换一张时验证码会随机生成。
程序解读
字母和数字的组合图片和换一张文字的点击样式随机生成验证码判断是否正确正确之后弹框提示
效果演示
原始样式 点击验证码图片或者换一张字样时随机生成新的验证码 输入错误验证码 输入正确验证码
在程序正式开始之前**注意**要引入两个架包 script typetext/javascript srcjs/jquery.min.js/scriptscript typetext/javascript srcjs/verify.js/script代码演示
!DOCTYPE html
html langzh-cnheadscript typetext/javascript srcjs/jquery.min.js/scriptscript typetext/javascript srcjs/verify.js/script/headstyle/*常规验证码*/.verify-code {font-size: 20px;text-align: center;cursor: pointer;margin-bottom: 5px;border: 1px solid #ddd;}.verify-input-area {float: left;width: 60%;padding-right: 10px;}.verify-change-area {line-height: 30px;float: left;}.varify-input-code {display:inline-block; width: 100%;height: 25px;}.verify-change-code {color: #337AB7;cursor: pointer;}.verify-btn {width: 200px;height: 30px;background-color: #337AB7;color:#FFFFFF;border:none;margin-top: 10px;}/stylebodydiv idnumber/divbutton typebutton idcheck-btn classverify-btn确定/button/bodyscript typetext/javascript$(#number).codeVerify({type: 1,width: 400px,height: 50px,fontSize: 30px,codeLength: 6,btnId: check-btn,ready: function() {},success: function() {alert(验证匹配);},error: function() {alert(验证码不匹配);}});/script
/html
