<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="../common/inc.jsp"%>
function 里的任何一条都不走，怎么回事啊，本人小白，坐等回答，谢谢了
分享 
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">
<title>登陆</title>
<link rel="stylesheet" href="../assets/css/CJXY-style.css">
<script src="../assets/js/jquery.js"></script>
<%@ include file="../common/inc.jsp"%>
</head>
<body>
<form id="login_form" action="/user/login">
<div class="CJXY-denglu-box01">
<img src="../img/CJXY-denglubeijing.jpg">
</div>
<div class="CJXY-denglu-box02">
<div class="CJXY-denglu-box03">
<img src="../img/CJXY-denglulogo.png">
</div>
<ul class="CJXY-denglu-box04">
<li>账号</li>
<li><input id="username" type="text" require="true" name="loginName" placeholder="请输入账号" style="outline:none"></li>
</ul>
<ul class="CJXY-denglu-box04">
<li>密码</li>
<li><input type="password" name="pwd" placeholder="请输入密码" style="outline:none"></li>
</ul>
<div class="CJXY-denglu-box05">
<input class="submit" type="button" id="login" value="登录" onclick="submitForm()">
</div>
<div class="CJXY-denglu-box06">
<a href="../index/index.jsp">游客</a>
</div>
<ul class="CJXY-denglu-box07">
<li><a href="../user/regist.jsp">注册</a></li>
<li><a href="../user/findPwd.jsp">忘记密码</a></li>
</ul>
</div>
</form>
<script type="text/javascript" >
//onclick="submitForm()"
$(function(){
var ok1=false;
var ok2=false;
// var ok3=false;
// var ok4=false;
// 验证用户名
$('input[name="loginName"]').focus(function(){
$(this).next().text('用户名应该为3-20位之间').removeClass('state1').addClass('state2');
}).blur(function(){
if($(this).val().length >= 3 && $(this).val().length <=12 && $(this).val()!=''){
$(this).next().text('输入成功').removeClass('state1').addClass('state4');
ok1=true;
}else{
$(this).next().text('用户名应该为3-20位之间').removeClass('state1').addClass('state3');
}
alert("用户名验证完毕");
});
//验证密码
$('input[name="pwd"]').focus(function(){
$(this).next().text('密码应该为6-20位之间').removeClass('state1').addClass('state2');
}).blur(function(){
if($(this).val().length >= 6 && $(this).val().length <=20 && $(this).val()!=''){
$(this).next().text('输入成功').removeClass('state1').addClass('state4');
ok2=true;
}else{
$(this).next().text('密码应该为6-20位之间').removeClass('state1').addClass('state3');
}
});
//验证确认密码
// $('input[name="repass"]').focus(function(){
// $(this).next().text('输入的确认密码要和上面的密码一致,规则也要相同').removeClass('state1').addClass('state2');
// }).blur(function(){
// if($(this).val().length >= 6 && $(this).val().length <=20 && $(this).val()!='' && $(this).val() == $('input[name="password"]').val()){
/// $(this).next().text('输入成功').removeClass('state1').addClass('state4');
// ok3=true;
// }else{
// $(this).next().text('输入的确认密码要和上面的密码一致,规则也要相同').removeClass('state1').addClass('state3');
// }
//
// });
//
// //验证邮箱
// $('input[name="email"]').focus(function(){
// $(this).next().text('请输入正确的EMAIL格式').removeClass('state1').addClass('state2');
// }).blur(function(){
// if($(this).val().search(/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/)==-1){
// $(this).next().text('请输入正确的EMAIL格式').removeClass('state1').addClass('state3');
// }else{
// $(this).next().text('输入成功').removeClass('state1').addClass('state4');
// ok4=true;
// }
// });
//提交按钮,所有验证通过方可提交
$('.submit').click(function(){
if(ok1 && ok2){
function(){$.post("/user/login", $('#login_form').serialize(), function(data) {
var responseM = data;
if(data.state != 'success') {//登陆不成功，显示所有的错误提示
alert(data.state);
} else {
location = "../index/index.jsp";
}
}, "json");
}
}else{
return false;
}
});
});
var username = document.getElementById("username");
username.focus();
username.value = "";
</script>
</body>
</html>
