首页 > easyform表单验证成功但是不提交

easyform表单验证成功但是不提交

问题背景描述:

有一个注册的功能,想做正则验证。
由于懒不想自己写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">&copy; 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>

烦请各位用过这个小插件的指点一二啊!!!

先谢谢了!!!

【热门文章】
【热门文章】