1.Body
<body οnlοad="loadCodeNumber()">
<form name="form1" οnsubmit="return checkCodeNumber()">
四位数字验证码：<input type="text" name="codeInput">
<span id="codeResult"></span>
<input type="submit" value="验证">
</form>
</body>
2.js
<script type="text/javascript">
//加载四位数字验证码函数
function loadCodeNumber()
{
var codeNumber = Math.floor(Math.random()*9000+1000);
document.getElementById("codeResult").innerHTML = codeNumber;
}
//验证函数--验证码是否输入正确
function checkCodeNumber()
{
//获取输入的内容
var codeNumberInput = form1.codeInput.value;
if(codeNumberInput.length == 0)
{
alert("请输入验证码");
form1.codeInput.focus();
return false;
}
else if(codeNumberInput != document.getElementById("codeResult").innerHTML)
{
alert("验证码输入错误,请重新输入");
form1.codeInput.value = "";
form1.codeInput.focus();
return false;
}
else
{
alert("验证码输入正确");
form1.codeInput.value = "";
form1.codeInput.focus();
}
}
</script>
扫一扫
2494
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
