用jsp实现一个简单的登录界面,主要是验证码

具体要求如下:一个用户名一个密码,还有一个验证码功能,用户名不是jq就提示用户名错误,密码不是123就提示密码输入错误,验证码跟界面上的不匹配就提示验证码错误,并且刷新当... 具体要求如下:
一个用户名一个密码,还有一个验证码功能,用户名不是jq就提示用户名错误,密码不是123就提示密码输入错误,验证码跟界面上的不匹配就提示验证码错误,并且刷新当前页面,验证码变化;
展开
 我来答
百度网友51ac7ee
推荐于2017-12-16 · 超过15用户采纳过TA的回答
知道答主
回答量:53
采纳率:0%
帮助的人:33.9万
展开全部
<html>
<head>
<title>简单页面</title>
<script>
function yzm(){
var Num="";
for(var i=0;i<4;i++)
{
Num+=Math.floor(Math.random()*10);
}
document.getElementById("yzphoto").value=Num;
document.getElementById("yzm").value=Num;
}

function userLogin(){
var userName = document.getElementById("userName").value;
var password = document.getElementById("password").value;
var yztext = document.getElementById("yztext").value;
var yzm = document.getElementById("yzm").value;
if(userName != "jq"){
alert("用户名错误");
}else if(password != "123"){
alert("密码错误");
}else if(yztext != yzm){
alert("验证码错误");
}else{
alert("登陆成功");
}
location.reload();
}
</script>
</head>
<body onLoad="yzm()">
<div style="width:100%;text-align:center">
<h1>用户登录</h1>
<table>
<tr>
<td>用户名:</td>
<td><input id="userName" type="text" value=""/></td>
</tr>
<tr>
<td>密码:</td>
<td><input id="password" type="password" value=""/></td>
<tr>
<tr><td>
验证码:
</td>
<td><input id="yztext" type="text" value=""/><input style="width:50px;background-
color:red;color:blue" type="text" id="yzphoto" value=""/><input type="hidden" id="yzm"
value=""></td></tr>
<tr>
<td colspan="2" align="center"><input onclick="userLogin()" type="button" value="登陆"/></td>
</tr>
</table>
</div>
</body>
</html>
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
长落剑07
2014-02-27 · TA获得超过300个赞
知道小有建树答主
回答量:3744
采纳率:80%
帮助的人:635万
展开全部
MyEclipse就可以编写,需要搭建JAVA环境
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式