注册页面转向及前台数据校验

注册页面转向：

@RequestMapping(value="user_register")

public String user_register(){
return "user_register";

}

前台数据校验：

<script type="text/javascript">
$(function() {
var flag1 = false;
var flag2 = false;
var flag3 = false;
var flag4 = false;
var flag5 = false;
$("#username")
.blur(
function() {
var username = $("#username").val();
if ($.trim(username) == ''
|| $.trim(username).length < 5
|| $.trim(username).length > 15) {
$("#userspan")
.html(
"<font color='red'>用户名不能为空，且用户名长度为5-15</font>");
flag1 = false;
} else {
var password = $("#password").val();
var url = "${pageContext.request.contextPath }/validateUserusername";
var args = {
"username" : $.trim(username),
"password" : $.trim(password)
};
$
.post(
url,
args,
function(data) {
if ($.trim(data) == "error") {
$("#userspan")
.html(
"<font color='red'>此用户名已存在</font>");
flag1 = false;
} else if ($.trim(data) == "success") {
$("#userspan").html(
"用户名可用").css({
color : 'green'
});
flag1 = true;
}
});
}


});
$("#password").blur(
function() {
var password = $("#password").val();
if ($.trim(password) == "") {
$("#pswspan").html("<font color='red'>密码不能为空</font>");
flag2 = false;
} else if ($.trim(password).length > 15
|| $.trim(password).length < 5) {
$("#pswspan").html("密码长度必须为5-15").css({
color : "red"
});
flag2 = false;
} else {
$("#pswspan").html("密码可用").css({
color : "green"
});
flag2 = true;
}


});


$("#repassword").blur(function() {
var password = $("#password").val();
var repassword = $("#repassword").val();
if (password == repassword) {
flag3 = true;
$("#repswspan").html("").css({
color : "red"
});
} else {
$("#repswspan").html("两次密码不一致").css({
color : "red"
});
flag3 = false;
}


});


$("#email")
.blur(
function() {
var email = $("#email").val();
if (!email) {
$("#emailspan").html("email不能为空").css({
color : "red"
});
flag4 = false;
} else {


$("#emailspan").html("").css({
color : "red"
});
var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
if (!(reg.test(email))) {
$("#emailspan").html("Email格式不正确").css({
color : "red"
});

return false;
}


var url = "${pageContext.request.contextPath }/validateUseremail";
var args = {
"email" : $.trim(email)
};
$
.post(
url,
args,
function(data) {
if ($.trim(data) == "error") {
$("#emailspan")
.html(
"<font color='red'>此邮箱已被使用</font>");
flag4 = false;
} else if ($.trim(data) == "success") {
$("#emailspan").html(
"此邮箱可用").css({
color : 'green'
});
flag4 = true;
}
});
}


});


$("#birth")
.blur(
function() {
var birth = $("#birth").val();


var url = "${pageContext.request.contextPath }/validateUserbirth";
var args = {
"birth" : $.trim(birth)
};
$
.post(
url,
args,
function(data) {
if ($.trim(data) == "error") {
$("#birthspan")
.html(
"<font color='red'>birth不符合格式</font>");
flag5 = false;
} else if ($.trim(data) == "success") {
$("#birthspan").html(
"birth可用").css({
color : 'green'
});
flag5 = true;
}
});


});


$("#register").click(function() {
if (flag1 && flag2 && flag3 && flag4 && flag5) {

$("#registerForm").submit();
}
return false;
});


});
</script>