关于验证码

这个验证码采用Ajax传值到后台吗，因为表单有一个action地址，点击登录就会提交表单信息到后台，然后点击登录的时候用jQuery又提交验证码到后台，会冲突吧，

qq_左撇子A_0 2018-05-09

源自：Java Web基础综合案例 5-3 作业题

收起

2回答

一叶知秋519 回答被采纳获得+3积分 2018-05-09 11:42:20

是只利用前端的知识就完成验证码的校验，此处和注册的时候，两次输入密码必须一致的校验是一样的同学可以试下这种验证思路：

<script type="text/javascript">
var code;
 
function validateCode() 
{
var inputCode=document.getElementById("inputCode").value;
if(inputCode.length <= 0) 
{
  alert("请输入验证码！");
  return false;
}
else if(inputCode.toUpperCase() != code.toUpperCase()) 
{
   alert("验证码输入有误！");
   createCode();
   return false;
}
else 
{
  //alert("验证码正确！");
  return true;
}    
}  
</script>
</head>
<body>
<center>
<h1>用户登录</h1>
<form action="<%=basePath%>/LoginServlet" method="post" onsubmit="return validateCode()">
<table width="300px" cellspacing="0px" cellpadding="0px" border="1px">
<td>验证码</td>
<td style="border-right-style:none;">
<input type="text" name="checkCode" placeholder="请输入验证码" id="inputCode">
</td>
</tr>
<tr>
<td colspan="3" style="text-align:center">
<input type="submit" value="登录">
</td>
</tr>
</table>
</form>
</center>
</body>

祝学习愉快！

收起回答

qq_左撇子A_0 提问者 #1

这样也得获得后台产生的验证码值来进行比对校验不是吗

2018-05-09 12:41:26
一叶知秋519 回复提问者 qq_左撇子A_0 #2

此处提供的是通过js完成验证码的验证，如果不通过这种方式，使用Ajax完成验证也是可以的，用户名和密码以及验证码可以在一个Ajax中完成的~~

2018-05-09 15:55:12
qq_左撇子A_0 提问者 #3

非常感谢！

2018-05-09 15:57:09