<!DOCTYPE?html>
<html>
<head>
<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/>
<title>驗證碼實驗</title>
<script?src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
<style>
div{?width:100px;?height:20px;?background:#ccc;?overflow:hidden;?transition:all?.5s?ease-in?.1s;}
p{?margin:0;?padding:0;?display:inline;}
p:hover{cursor:pointer;}
#dome{?background:#0f0;?padding:3px;?font-weight:bold;letter-spacing:2px}
div:hover{?height:50px;}
</style>
<body>
<form>
<p?id="dome"></p>?<p?id="refresh">刷新</p>
<input?type="text"?id="yzm"?autofocus>
<input?type="submit"?value="提交驗證碼"?id="sub"?>
</form>
<script>
var?nub=['0','A','B','1','C','D','3','E','F','4','G','H','5','I','J','6','K','L','7','M','N','8','O','P','9','Q','R','S','T','U','V','W','X','Y','Z'];
var?y;
function?yzm(){
var?k="";
for(var?i=0;i<4;i++){
var?j=Math.ceil(Math.random()*34);
var?k=k+nub[j];
}
$('#dome').text(y=k);
}
$('#sub').click(function(){
if($('#yzm').val().toUpperCase()!=y){
alert("驗證碼錯誤！");
}
else{alert("驗證碼正確");}
})
$("#refresh,#dome").click(function(){
yzm()
$('#yzm').val("");
})
yzm()
</script>
</body>
</html>為什么每次點“提交驗證碼“時左邊的”驗證碼“都會被刷新一次？
求大神幫忙
冬天里的陽光
2017-04-01 10:08:09
