问题背景描述:
有一个注册的功能,想做正则验证。
由于懒不想自己写js表单验证。
同学推荐了 easyform 这个插件。
然后不幸的事情发生了。
问题描述:
虽然表单验证成功了,不符合条件真的提交不上去。
但是。
但是就算符合条件了也提交不上去了。
JSP代码如下:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>User Account - Bootstrap Admin</title>
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/bootstrap-responsive.min.css" rel="stylesheet" />
<link href="css/font-awesome.css" rel="stylesheet" />
<link href="css/adminia.css" rel="stylesheet" />
<link href="css/adminia-responsive.css" rel="stylesheet" />
<link href="css/pages/plans.css" rel="stylesheet" />
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<!-- 导航母版页 -->
<jsp:include page="commander_navigation.jsp" />
<div class="span9">
<h1 class="page-title">
<i class="icon-th-large"></i> 用户注册
</h1>
<div class="row">
<div class="span9">
<div class="widget">
<div class="widget-header">
<h3>请填写基本信息</h3>
</div>
<!-- /widget-header -->
<div class="widget-content">
<br />
<div class="tab-pane active" id="1">
<form action="<%=basePath%>user/register"
id="edit-profile"
class="form-horizontal"
method = "post"
>
<fieldset>
<!-- 用户名 -->
<div class="control-group">
<label class="control-label" for="username">Username</label>
<div class="controls">
<input type="text" class="input-large"
id="username" name="userName" placeholder="请输入用户名"
data-easyform="length:4 16;char-normal;real-time;" data-message="用户名必须为4—16位的英文字母或数字" data-easytip="position:right;"
/>
</div>
<!-- /controls -->
</div>
<!-- /control-group -->
<!-- 密码 -->
<div class="control-group">
<label class="control-label" for="password1">Password</label>
<div class="controls">
<input type="password" class="input-large" id="password"
name="password" placeholder="请输入密码"
data-easyform="length:6 16;char-normal;real-time;" data-message="请输入6-16位密码,英文数字下划线" data-easytip="position:right;"
/>
</div>
<!-- /controls -->
</div>
<!-- /control-group -->
<!-- 密码 -->
<div class="control-group">
<label class="control-label" for="password2">Confirm</label>
<div class="controls">
<input type="password" class="input-large" id="password2" placeholder="请再次输入密码"
data-easyform="equal:#password;real-time;" data-message="两次输入密码不一致,请核对" data-easytip="position:right;"/>
</div>
<!-- /controls -->
</div>
<!-- /control-group -->
<!-- 性别 -->
<div class="control-group">
<label class="control-label" for="firstname">Sex</label>
<div class="controls">
<input type="text" class="input-large" id="firstname"
name="sex" placeholder="sex"
data-easyform="real-time;" data-message="sssssssssssss" data-easytip="position:right;"/>
</div>
<!-- /controls -->
</div>
<!-- /control-group -->
<!-- 真实姓名 -->
<div class="control-group">
<label class="control-label" for="lastname">Real
Name</label>
<div class="controls">
<input type="text" class="input-large" id="lastname"
name="realName" placeholder="请输入真实姓名"
data-easyform="char-chinese;real-time;" data-message="请输入中文" data-easytip="position:right;"/>
</div>
<!-- /controls -->
</div>
<!-- /control-group -->
<!-- 年龄 -->
<div class="control-group">
<label class="control-label" >Age</label>
<div class="controls">
<input type="text" class="input-large" id="age" placeholder="请输入年龄"
name="age"
data-easyform="uint:1 120;real-time;" data-message="请输入1-120的数字" data-easytip="position:right;"/>
</div>
<!-- /controls -->
</div>
<!-- /control-group -->
<!-- QQ -->
<div class="control-group">
<label class="control-label" >QQ</label>
<div class="controls">
<input type="text" class="input-large" id="qq"
name="qq" placeholder="请输入QQ"
data-easyform="uint:1 100000000000000;real-time;" data-message="请输入数字" data-easytip="position:right;"/>
</div>
<!-- /controls -->
</div>
<!-- /control-group -->
<!-- email -->
<div class="control-group">
<label class="control-label" >Email</label>
<div class="controls">
<input type="text" class="input-large" id="email"
name="email" placeholder="请输入常用Email"
data-easyform="email;real-time;" data-message="请输入正确格式的Email" data-easytip="position:right;"
/>
</div>
<!-- /controls -->
</div>
<!-- /control-group -->
<!-- 工作类型 -->
<div class="control-group">
<label class="control-label" >工作类型</label>
<div class="controls">
<input type="text" class="input-large" id="workType"
name="workType" placeholder="workType"
data-easyform="real-time;" data-message="sssssssssssss" data-easytip="position:right;"/>
</div>
<!-- /controls -->
</div>
<!-- /control-group -->
<!-- 喜欢的城市1 -->
<div class="control-group">
<label class="control-label" >喜欢的城市1</label>
<div class="controls">
<input type="text" class="input-large" id="preferCity_1"
name="preferCity_1" placeholder="preferCity_1"
data-easyform="real-time;" data-message="sssssssssssss" data-easytip="position:right;"/>
</div>
<!-- /controls -->
</div>
<!-- /control-group -->
<!-- 喜欢的城市2 -->
<div class="control-group">
<label class="control-label" >喜欢的城市2</label>
<div class="controls">
<input type="text" class="input-large" id="preferCity_2"
name="preferCity_2" placeholder="preferCity_2"
data-easyform="real-time;" data-message="sssssssssssss" data-easytip="position:right;"/>
</div>
<!-- /controls -->
</div>
<!-- /control-group -->
<!-- 喜欢的城市3 -->
<div class="control-group">
<label class="control-label" for="email">喜欢的城市3</label>
<div class="controls">
<input type="text" class="input-large" id="preferCity_3"
name="preferCity_3" placeholder="preferCity_3"
data-easyform="real-time;" data-message="sssssssssssss" data-easytip="position:right;"/>
</div>
<!-- /controls -->
</div>
<!-- /control-group -->
<br /> <br /> <br />
<div class="form-actions">
<input type="submit" class="btn btn-primary " value="Save"/>
<input type="button" class="btn" onclick="cancel_click()" value="Cancel"/>
<!-- <button class="btn">Cancel</button> -->
</div>
<!-- /form-actions -->
</fieldset>
</form>
</div>
</div>
<!-- /widget-content -->
</div>
<!-- /widget -->
</div>
<!-- /span9 -->
</div>
<!-- /row -->
</div>
<!-- /span9 -->
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- /content -->
<div id="footer">
<div class="container">
<hr />
<p align="center">© 2014 Go Ideate.</p>
</div>
<!-- /container -->
</div>
<!-- /footer -->
<!-- 这里是script函数区域 -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery-2.1.0.min.js"></script>
<script charset="gbk" src="js/page/commander_account.js"></script>
<script src="js/easyform.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#edit-profile').easyform();
});
</script>
</body>
</html>
烦请各位用过这个小插件的指点一二啊!!!
先谢谢了!!!