大神帮忙解决一下form表单提交无反应问题,见文中标记红色的部分

[qq_27400261]

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>


<!DOCTYPE HTML>
<html>
<head>
<base href="<%=basePath%>">


<title>注册</title>


<link rel="stylesheet" href="<%=path%>/css/bootstrap.min.css">
<link rel="stylesheet" href="<%=path%>/css/font-awesome.min.css">
<link rel="stylesheet"
href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" />
<link rel="stylesheet" href="<%=path%>/css/ace.min.css">
<link rel="stylesheet" href="<%=path%>/css/ace-rtl.min.css">


<script src="<%=path%>/js/jquery.min.js"></script>


<link rel="stylesheet" href="<%=path%>/css/datepicker.css" />
<link rel="stylesheet" href="<%=path%>/css/bootstrap-timepicker.css" />
<link rel="stylesheet" href="<%=path%>/css/daterangepicker.css" />


<script src="<%=path%>/js/date-time/bootstrap-datepicker.min.js"></script>
<script src="<%=path%>/js/date-time/bootstrap-timepicker.min.js"></script>
<script src="<%=path%>/js/date-time/moment.min.js"></script>
<script src="<%=path%>/js/date-time/daterangepicker.min.js"></script>


<script src="<%=path%>/js/jquery.validate.min.js"></script>
<%-- <script src="<%=path%>/js/register.js"></script> --%>


<script type="text/javascript">
jQuery(function($) {

jQuery('.widget-box.visible').removeClass('visible');
jQuery('#signup-box').addClass('visible');

$('.date-picker').datepicker({autoclose:true}).next().on(ace.click_event, function(){
$(this).prev().focus();
});
//只要加上下面的validate代码，submit按钮就没用了？？？？？？？？
$('#registerValidationForm').validate({
errorElement: 'div',
errorClass: 'help-block',
focusInvalid: false,
rules: {
userName: {
required: true
},
passWord: {
required: true
},
familyName: {
required: true
},
birthday: {
required: true
},
age: {
required: true
}
},


messages: {
userName: {
required: "请输入用户名"
},
passWord: {
required: "请输入密码"
},
familyName: {
required: "请输入姓名"
},
birthday: {
required: "请选择生日"
},
age: {
required: "请输入年龄"
}
},


invalidHandler: function (event, validator) { //display error alert on form submit
$('.alert-danger', $('.login-form')).show();
},


highlight: function (e) {
$(e).closest('.form-group').removeClass('has-info').addClass('has-error');
},

success: function (e) {
$(e).closest('.form-group').removeClass('has-error').addClass('has-info');
$(e).remove();
},


errorPlacement: function (error, element) {
if(element.is(':checkbox') || element.is(':radio')) {
var controls = element.closest('div[class*="col-"]');
if(controls.find(':checkbox,:radio').length > 1) controls.append(error);
else error.insertAfter(element.nextAll('.lbl:eq(0)').eq(0));
}
else if(element.is('.select2')) {
error.insertAfter(element.siblings('[class*="select2-container"]:eq(0)'));
}
else if(element.is('.chosen-select')) {
error.insertAfter(element.siblings('[class*="chosen-container"]:eq(0)'));
}
else error.insertAfter(element.parent());
},


submitHandler: function (form) {
},
invalidHandler: function (form) {
}
});
});
//加的验证结束
</script>


</head>


</head>


<body class="login-layout">
<div class="main-container">
<div class="main-content">
<div class="row">
<div class="col-sm-10 col-sm-offset-1">
<div class="login-container">
<div class="center">
<h1>
<i class="icon-leaf green"></i> <span class="red">Ace</span> <span
class="white">Application</span>
</h1>
<h4 class="blue">© Company Name</h4>
</div>
<div class="space-6"></div>


<div class="position-relative">


<div id="signup-box" class="signup-box widget-box no-border">
<div class="widget-body">
<div class="widget-main">
<h4 class="header green lighter bigger">
<i class="icon-group blue"></i> 新用户注册
</h4>


<div class="space-6"></div>
<p>输入你的详细信息:</p>


<form id="registerValidationForm" action="<%=path%>/user/register" method="post">
<fieldset>

<div class="form-group">
<label class="block clearfix"> <span
class="block input-icon input-icon-right"> <input
id="userName" type="text" class="form-control" name="userName"
placeholder="用户名" /> <i class="icon-user"></i>
</span>
</label>
</div>
<div class="form-group">
<label class="block clearfix"> <span
class="block input-icon input-icon-right"> <input
type="password" class="form-control" id="passWord" name="passWord"
placeholder="密码" /> <i class="icon-lock"></i>
</span>
</label>
</div>

<div class="form-group">
<label class="block clearfix"> <span
class="block input-icon input-icon-right"> <input
type="text" class="form-control" id="familyName" name="familyName"
placeholder="姓名" /> <i class="icon-star"></i>
</span>
</label>
</div>
<div class="form-group">
<label class="block clearfix"> <span
class="block input-icon input-icon-right"> <input
class="form-control date-picker" id="birthday" name="birthday"
placeholder="生日" type="text"
data-date-format="yyyy-mm-dd" /> <i
class="icon-calendar"></i>
</span>
</label>
</div>
<div class="form-group">
<label class="block clearfix"> <span
class="block input-icon input-icon-right"> <input
type="text" class="form-control" id="age" name="age"
placeholder="年龄" /> <i class="icon-retweet"></i>
</span>
</label>
</div>
<div class="form-group">
<label class="block"> <input type="checkbox" checked="checked"
class="ace" /> <span class="lbl"> 我接受 <a href="#">用户协议</a></span>
</label>
</div>
<div class="space-24"></div>
<div class="clearfix">
<button type="reset" class="width-30 pull-left btn btn-sm">
<i class="icon-refresh"></i> 重置
</button>


<button type="submit" onclick="registerMethod();"
class="width-65 pull-right btn btn-sm btn-success">
注册 <i class="icon-arrow-right icon-on-right"></i>
</button>

<!-- <input type="submit" value="注册" class="width-65 pull-right btn btn-sm btn-success icon-arrow-right icon-on-right"/> -->


</div>
</fieldset>
</form>
</div>


<div class="toolbar center">
<a href="<%=path%>/user/myLogin" class="back-to-login-link">
<i class="icon-arrow-left"></i> 返回登录
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>


<script src="<%=path%>/js/ace-elements.min.js"></script>
<script src="<%=path%>/js/ace.min.js"></script>
</body>
</html>