Hilo Everybody wellcome to my channel!
今天Lion带大家来学习JAVAWeb的验证码操作(JAVAWeb04)
验证码相信大家都不陌生吧?在我们登录的任意的软件或者网站时常常会有验证码的存在,那有伙伴知道为什么要设置验证码吗?(欢迎在评论区留言)!!!
eg:
那今天我们来学习一下怎么样设置验证码的操作吧:
页面展示:
其实这个原理简单:定义一个数组里面放的是你要显示的各个元素。然后进行4次遍历显示在页面上。
代码展示:
var str="";
function myf(){
var arr = new Array(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');//所有候选组成验证码的字符,当然也可以用中文的
str="";
for(var i=0;i<4;i++){
var t = Math.round(Math.random()*33);
str+=arr[t];
}
document.getElementById("yz").innerHTML=str;
}
我们一般在点击这个验证码的时候可以实现刷新功能那我们来试一下吧:
代码展示:
$("#yz").click(function(){
myf();//刷新验证码
})
这个很简单就是给页面上的验证码加一个点击事件click然后在这个里面调用我们显示验证码的方法实现刷新的功能!
再次我们怎么实现不区分大小写呢?我们可以在评论区留言