<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>随机验证码</title>
<style type="text/css">
span{
width:30px;
background-color: aliceblue;
letter-spacing: 6px;
font-style: italic;
font-weight: 800;
}
</style>
<script>
function validateCode(n){
/*验证码中可能包含的字符*/
var s="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
var ret=""; //保存生成的验证码
/*利用循环,随机产生生验证码中的每个字符*/
for(var i=0;i<n;i++)
{
var index=Math.floor(Math.random()*62); //随机产生一个0-62之间的数字
ret+=s.charAt(index); //将随机产生的数字当作字符串的位置下标,在字符串s中取出该字符,并入ret中
}
return ret; //返回产生的验证码
}
/*显示随机数函数*/
function show(){
document.getElementById("msg").innerHTML=validateCode(4); //在id为msg的对象中显示验证码
}
window.onload=show; //页面加载时执行函数show
//在js/getCode.js中,编写函数check(),检查验证码输入是否正确。如果不正确,则清空输入框,并刷新验证码
function check()
{
var c=document.getElementById("code");
if(!validateCode(c))
{
validateCode(c);//刷新验证码
document.getElementById("input").value = "";
}
}
</script>
</head>
<body onload="show()">
验证码:<input type="text" name="code" id="code" x/>
<span id="msg" onclick="show()"></span>
<a href="#" onclick="show()">看不清楚</a><br/>
<input type="button" value="提交" onclick="check()"/>
</body>
</html>
43行: 改成 document.getElementById("code").value = ""; 就好了
选择器写错了