Ajax 验证码问题 验证码通过ajax已经经过后台验证完毕，当验证码错误时提交也会成功，怎么解决？
<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><htmlxmlns="http://ww...
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>后台登录</title>
<script type="text/javascript" src="../js/jquery-1.2.1.js"></script>
<script type="text/javascript">
initPage();
function login(){
var username=document.getElementById('usernameid').value;
var password=document.getElementById('passwordid').value;
var rand=document.getElementById('randid').value;
if(document.getElementById('usernameid').value==''){
alert('用户名不能为空');
return false;
}
if(document.getElementById('randid').value==''){
alert('验证码不能为空');
return false;
}
var pars='rand='+document.getElementById('randid').value;
var url='./checkrandUserAction.action';
$.ajax({ url:url, //数据请求页面的url
type:"post", //数据传递方式(get或post)
dataType:"json", //期待数据返回的数据格式(例如 "xml", "html", "script",或 "json")
//timeout:1000, //设置时间延迟请求的时间
data:pars,
success:function(json)//当请求成功时触发函数
{
var obj=json.message;
if(obj==0){
alert('验证码错误');
return false;
}
else{
alert('验证码正确');
}
}
})
}
function show(id){
var pic=document.getElementById('pic');
if(id==1){
pic.src="image.jsp";
}
}
</script>
</head>
<body>
<form action="loginUserAction.action" method="post" name="form" id="form" onSubmit="return login();" >
用户名:<input name="username" type="text" id="usernameid" size="19" maxlength="20"" ><br>
密码:<input name="password" type="password" id="passwordid" size="21" maxlength="20" ><br>
验证码: <input type="text" name="rand" id="randid" maxlength=4 value="" size="9" onblur=login()>
<a href="###" onclick="show(this.id);" id="1" >
<img border=0 src="image.jsp" id="pic" ></a>
<input type="submit" style="height:22pt;width:35pt" value="登录" />
<input type="reset" style="height:22pt;width:35pt"value="重置"/>
</form></body></html> 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>后台登录</title>
<script type="text/javascript" src="../js/jquery-1.2.1.js"></script>
<script type="text/javascript">
initPage();
function login(){
var username=document.getElementById('usernameid').value;
var password=document.getElementById('passwordid').value;
var rand=document.getElementById('randid').value;
if(document.getElementById('usernameid').value==''){
alert('用户名不能为空');
return false;
}
if(document.getElementById('randid').value==''){
alert('验证码不能为空');
return false;
}
var pars='rand='+document.getElementById('randid').value;
var url='./checkrandUserAction.action';
$.ajax({ url:url, //数据请求页面的url
type:"post", //数据传递方式(get或post)
dataType:"json", //期待数据返回的数据格式(例如 "xml", "html", "script",或 "json")
//timeout:1000, //设置时间延迟请求的时间
data:pars,
success:function(json)//当请求成功时触发函数
{
var obj=json.message;
if(obj==0){
alert('验证码错误');
return false;
}
else{
alert('验证码正确');
}
}
})
}
function show(id){
var pic=document.getElementById('pic');
if(id==1){
pic.src="image.jsp";
}
}
</script>
</head>
<body>
<form action="loginUserAction.action" method="post" name="form" id="form" onSubmit="return login();" >
用户名:<input name="username" type="text" id="usernameid" size="19" maxlength="20"" ><br>
密码:<input name="password" type="password" id="passwordid" size="21" maxlength="20" ><br>
验证码: <input type="text" name="rand" id="randid" maxlength=4 value="" size="9" onblur=login()>
<a href="###" onclick="show(this.id);" id="1" >
<img border=0 src="image.jsp" id="pic" ></a>
<input type="submit" style="height:22pt;width:35pt" value="登录" />
<input type="reset" style="height:22pt;width:35pt"value="重置"/>
</form></body></html> 展开
2个回答
展开全部
<input type="submit" style="height:22pt;width:35pt" value="登录" />
类型用type="button"，给个onclick="ajax的方法"，验证成功就在
success:function(json)//当请求成功时触发函数
{
var obj=json.message;
if(obj==0){
alert('验证码错误');
return false;
}
else{
alert('验证码正确');
document.form.submit();//加上表单提交
}
类型用type="button"，给个onclick="ajax的方法"，验证成功就在
success:function(json)//当请求成功时触发函数
{
var obj=json.message;
if(obj==0){
alert('验证码错误');
return false;
}
else{
alert('验证码正确');
document.form.submit();//加上表单提交
}
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
