$(document).ready(function() {
$('form').submit(function() {
//var bool = false;
var d = "";
var nameText = $('#name').val();
var pwdText = $('#pwd').val();
var imgText = $('#imgtext').val();
if (nameText == "") {
alert("请输入用户名");
$('#name').focus();
return false;
} else if (pwdText == "") {
alert("请输入密码");
$('#pwd').focus();
return false;
} else if (imgText == "") {
alert("请输入验证码");
$('#imgtext').focus();
return false;
}
$.post("../validateCodeImage", {
img : imgText
}, function(data, textStatus) {
$("#msg").hide();
$("#msg").html(data);
if (data == 3) {
alert("请输入正确的验证码");
}
return false;
}, "json");
if ($("#msg").val() == "") {
alert($("#msg").val());
return true;
} else {
alert($("#msg").val());
return false;
}
});
});
<form action="../userLoginServlet" method="post">
<ul id="deng">
<li>
用户名:
<input type="text" name="u_name" size="13" id="name">
</li>
<li>
密 码:
<input type="password" name="u_password" size="13" id="pwd">
</li>
<li>
验证码:
<input type="text" name="u_whereat" size="7" id="imgtext" />
<img src="../validateImage" border="0" onclick="changeImg()"
alt="请输入此验证码，如看不清请点击刷新。" style="cursor: pointer" id="image" />
<span id="msg"></span>
</li>
<li>
<input type="submit" name="submit" id="login" value="登陆">
<input type="button" name="submit" id="regist" value="注册"
onclick="javascript:window.location='jsp/register.jsp'">
</li>
</ul>
</form>
还有点问题，验证码正确了，表单没有提交