87,910
社区成员
发帖
与我相关
我的任务
分享新手求助，为什么这个页面不是通过点击按钮登录，只要输完验证码点击页面就会判断登录，应该怎么修正
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>易买网 - 用户登录</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="scripts/jquery-1.4.js"></script>
<script type="text/javascript" src="scripts/jquery-1.4.min.js"></script>
<script type="text/javascript">
function refreshRandomCode(){
$("#veryCode_img").attr("src","RandomCodeServlet?time="+new Date());
}
function userName_blur(){
var name = $("#userName");
var bool = true;
if(name.val() == ""){
$("#umsg").html("请输入用户名");
bool = false;
}else{
$("#umsg").html("<font color='#cccccc'>ok</font>")
bool = true;
}
return bool;
}
function pwd_blur(){
var pwd = $("#passWord");
var bool = true;
if(pwd.val() == ""){
$("#pmsg").html("请输入密码");
bool = false;
}else{
$("#pmsg").html("<font color='#cccccc'>ok</font>");
bool = true;
}
return bool;
}
function veryCode_blur(){
var veryCode = $("#code");
var bool = true;
if(veryCode.val() == ""){
$("#vmsg").html("请输入验证码");
bool = false;
}else{
var code = $("#code").val();
$.get("UserServlet?info=veryCode&code="+code,null,result);
}
return bool;
}
function result(data){
$("#vmsg").html(data);
if(data != "<font color='#FF0000'>验证码输入错误，请重新输入</font>"){
var userName = $("#userName").val();
var userPwd = $("#passWord").val();
location.href="UserServlet?info=login&userName=" + userName + "&passWord=" + userPwd;
}
}
function check_login(){
userName_blur();
pwd_blur();
veryCode_blur();
var veryCode = $("#code");
var name = userName_blur();
var pwd = pwd_blur();
var veryCode = veryCode_blur();
if(name==true && pwd==true && veryCode==true){
return true;
}else{
return false;
}
veryCode_blur();
}
</script>
</head>
<body>
<c:if test="${param.error == 0}">
<script type="text/javascript">alert('用户名或密码错误，系统无法登录，请重新登录！');</script>
</c:if>
<div id="header" class="wrap">
<div id="logo">
<img src="images/logo.gif" />
</div>
<div class="help">
<a href="GoBuyServlet?info=shopping" class="shopping">购物车</a>
<c:if test="${sessionScope.user == null}">
<a href="login.jsp">登录</a>
</c:if>
<c:if test="${sessionScope.user != null}">
<a href="UserServlet?info=login_out">注销</a>
</c:if>
<a href="register.jsp">注册</a><a href="GuestBookServlet?info=comment">留言</a>
<c:if test="${sessionScope.user.eu_status == 2}">
<a href="manage/index.jsp">管理</a>
</c:if>
</div>
<div class="navbar">
<ul class="clearfix">
<li class="current">
<a href="IndexLoadServlet?info=load">首页</a>
</li>
<li>
<a href="#">图书</a>
</li>
<li>
<a href="#">百货</a>
</li>
<li>
<a href="#">品牌</a>
</li>
<li>
<a href="#">促销</a>
</li>
</ul>
</div>
</div>
<div id="childNav">
<div class="wrap">
<ul class="clearfix">
<li class="first">
<a href="#">音乐</a>
</li>
<li>
<a href="#">影视</a>
</li>
<li>
<a href="#">少儿</a>
</li>
<li>
<a href="#">动漫</a>
</li>
<li>
<a href="#">小说</a>
</li>
<li>
<a href="#">外语</a>
</li>
<li>
<a href="#">数码相机</a>
</li>
<li>
<a href="#">笔记本</a>
</li>
<li>
<a href="#">羽绒服</a>
</li>
<li>
<a href="#">秋冬靴</a>
</li>
<li>
<a href="#">运动鞋</a>
</li>
<li>
<a href="#">美容护肤</a>
</li>
<li>
<a href="#">家纺用品</a>
</li>
<li>
<a href="#">婴幼奶粉</a>
</li>
<li>
<a href="#">饰品</a>
</li>
<li class="last">
<a href="#">Investor Relations</a>
</li>
</ul>
</div>
</div>
<div id="register" class="wrap">
<div class="shadow">
<em class="corner lb"></em>
<em class="corner rt"></em>
<div class="box">
<h1>
欢迎回到易买网
</h1>
<form id="loginForm" method="post" action="">
<table>
<c:if test="${requestScope.error != null}">
<tr>
<td rowspan="2">
<div style='color: red; text-align: center;'>
用户名或密码错误
</div>
</td>
</tr>
</c:if>
<tr>
<td class="field">
用户名：
</td>
<td>
<input class="text" type="text" name="userName" id='userName'
onblur="userName_blur()" />
<div id='umsg' style='display: inline; color: red;'></div>
</td>
</tr>
<tr>
<td class="field">
登录密码：
</td>
<td>
<input class="text" type="password" id="passWord"
name="passWord" onblur="pwd_blur()" />
<div id='pmsg' style='display: inline; color: red;'></div>
</td>
</tr>
<tr>
<td class="field">
验证码：
</td>
<td>
<input class="text verycode" type="text" name="veryCode"
id='code' onblur="veryCode_blur()" />
<img id="veryCode_img" src="RandomCodeServlet"/>
<div id="vmsg" style='display: inline; color: red;' name="vmsg"></div>
<a id="nview" href="#" onclick="refreshRandomCode()" class="left">看不清？</a>
</td>
</tr>
<tr>
<td></td>
<td>
<label class="ui-green">
<input type="button" name="submit" value="立即登录" style="cursor:pointer;" onclick="check_login();" />
</label>
</td>
</tr>
</table>
</form>
</div>
</div>
<div class="clear"></div>
</div>
<div id="footer">
Copyright ©
</div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
阿卡林_404NotFound 2018-01-18
- 打赏
- 举报
应该怎么改呢 我想让它点击登录按钮实现登录功能，也不要影响验证码输入错误的时候的提示功能
usecf 2018-01-18
- 打赏
- 举报
function result(data){
$("#vmsg").html(data);
if(data != "<font color='#FF0000'>验证码输入错误，请重新输入</font>"){
var userName = $("#userName").val();
var userPwd = $("#passWord").val();
location.href="UserServlet?info=login&userName=" + userName + "&passWord=" + userPwd;
}
}
因为你这块判断完验证码后，页面跳转了
阿卡林_404NotFound 2018-01-18
- 打赏
- 举报
自己搞定了。，。
原来是写错地方了
原来是写错地方了usecf 2018-01-18
- 打赏
- 举报
<form id="loginForm" method="post" action=""> 在action中增加你跳转的页面
将 result(data){里面的 location.href="UserServlet?info=login&userName=" + userName + "&passWord=" + userPwd; 注释掉
