注册用户验证码1
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>注册用户验证码1</title>
<style type="text/css">
div{float:left;margin:50px;}
</style>
</head>
<body>
验证码：<input id="txt1" type="text" value="请输入验证码">
<input type="button" id="btn" value="验证码">
<input type="button" id="btn1" value="确定"><br>
<input id="txt2" type="text" value="">
<script type="text/javascript">
var te=document.getElementById('txt1');
var bt=document.getElementById('btn');
var bt1=document.getElementById('btn1');
var sp=document.getElementById('txt2');
bt.addEventListener('click',function(e) {
var e=e||event;
e.stopPropagation();
//用数组构造出验证码的字符
var ary=['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','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'];
//Math.random()是随机数0~1（不包含1在里面）的范围；Math.floor()是向下取整，例如是4.000001~4.999999通过它会变成4
var ve1=Math.floor(Math.random()*63); //是随机生成一个字符
var vs=ary[ve1];
for(var i=0;i<5;i++) {
var ve=Math.floor(Math.random()*63);
var vs1=ary[ve];
vs+=vs1;
}
sp.value=vs;
},false);
bt1.addEventListener('click',function(e) {
var e=e||event;
e.stopPropagation();
if(te.value=='' || te.value=='请输入验证码') {
alert('你还没输入验证码');
te.value='请输入验证码';
te.focus();
}else if(te.value!=sp.value) {
alert('您输入的验证码有误');
te.focus();
}else if(te.value==sp.value) {
alert('您输入的验证码正确');
}
},false);
</script>
</body>
</html>
1457
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
