简单的认证码，非图片认证码

objet888

浏览: 61319 次
性别:
来自: 东莞

最近访客更多访客>>

ysj0109

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

<html>
<head>
<title></title>
<script type="text/javascript">
function login(){
if(form1.username.value==""){
alert("请输入用户名！");
return false;
}
if(form1.password.value==""){
alert("请输入密码！");
return false;
}
if(form1.checkcode.value==""){
alert("请输入验证码！");
return false;
}
if(form1.checkcode.value!=document.getElementById("verifycode").innerHTML){
alert("验证码不正确！");
createcode();
return false;
}
form1.submit();
}
function createcode(){
var code = "";
var array = new Array(0,1,2,3,4,5,6,7,8,9);
for(var i=0;i<4;i++){
var index = Math.floor(Math.random()*10); //从0到9中随机取一个数作为以下的数组下标，就能根据i执行四次得到一个四位数：
code +=array[index];
}
document.getElementById("verifycode").innerHTML=code;
}
</script>

</head>
<body onload="createcode();">
<form action="" name="form1" method="post">
<hr>
<table border="1" cellpadding="0" cellspacing="0" align="center" width="35%">

<tr align="center"><td colspan="2"><font style="font-family: sans-serif;font-size: 20">Welcome Place!</font></td></tr>
<tr align="center">
<td align="center" class="td" width="30%"><font>用户名</font></td>
<td align="left"><input type="text" name="username"></td>
</tr>
<tr align="center">
<td align="center" class="td"><font>密码</font></td>
<td align="left"><input type="password" name="password"></td>
</tr>
<tr align="center">
<td align="center" class="td"><font>验证码</font></td>
<td align="left"><input type="text" name="checkcode"><label class="label" id="verifycode">8888</label></td>
</tr>
<tr align="center">
<td colspan="2"><font style="color: red" id="errormessage"></font></td>
</tr>
<tr align="center">
<td align="center" colspan="2"><input type="button" value="登陆" class="button" onclick="login()">
<input type="reset" value="重设" class="button" ></td>
</tr>
</table>
<hr>
</form>
</body>
</html>

分享到：

我修改的认证图片 | 表格介绍及表格的模拟

2009-08-08 20:57
浏览 730
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论