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

最新推荐文章于 2024-05-17 13:52:13 发布

soul9999

最新推荐文章于 2024-05-17 13:52:13 发布

阅读量124

点赞数

分类专栏： JavaScript 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/soul9999/article/details/83438966

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<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 οnlοad="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" οnclick="login()">
<input type="reset" value="重设" class="button" ></td>
</tr>
</table>
<hr>
</form>
</body>
</html>

soul9999

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简单的认证码，非图片认证码

function login(){ if(form1.username.value==""){ alert("请输入用户名！"); return false; } if(form1.password.value==""){ alert("请输入密码！"); return false; } if(form1.checkcode.value=...
复制链接

扫一扫