用户管理加验证

src/main/java/com/cc/bean/User.java

@@ -28,11 +28,11 @@ public class User extends PageBean implements Serializable{
     /**
      * 邮箱
      */
-    private Integer email;
+    private String email;
     /**
      * 性别
      */
-    private String sex;
+    private Integer sex;
    /**
      * 员工姓名
      */

src/main/webapp/WEB-INF/view/mebersfenye.jsp

@@ -59,9 +59,9 @@
 </script>
 <script type="text/html" id="barDemo2">
 
-    {{# if (d.sex=== "0") { }}
+    {{# if (d.sex=== 0) { }}
     <span>未知性别</span>
-    {{# } else if(d.sex=== "1") { }}
+    {{# } else if(d.sex=== 1) { }}
     <span>男</span>
     {{# } else { }}
     <span>女</span>
@@ -149,7 +149,7 @@
                         title: '新增用户',
                         shadeClose: true,
                         shade: 0.8,
-                        area: ['500px', '60%'],
+                        area: ['500px', '70%'],
                         content: '/mebersform',
                         end:function(){
                             $('.layui-laypage-btn').click();//模拟点击
@@ -168,7 +168,7 @@
                             title: '修改用户',
                             shadeClose: true,
                             shade: 0.8,
-                            area: ['500px', '90%'],
+                            area: ['500px', '70%'],
                             content: '/members/'+data[0].id,
                             end:function(){
                                 $('.layui-laypage-btn').click();//模拟点击

src/main/webapp/WEB-INF/view/mebersfrom.jsp

@@ -37,9 +37,13 @@
     <div class="layui-form-item">
         <label class="layui-form-label">密码：</label>
         <div class="layui-input-block">
-           <input type="password" name="password" required  lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
-         <%--   <input type="password" id="L_pass" name="pass" required lay-verify="pass" autocomplete="off" class="layui-input" placeholder="登陆密码">
-            <input type="password" id="L_repass" name="repass" required lay-verify="repass" autocomplete="off" class="layui-input">--%>
+           <input type="password"  id="L_pass" name="password" required  lay-verify="pass" placeholder="请输入密码" autocomplete="off" class="layui-input">
+        </div>
+    </div>
+    <div class="layui-form-item">
+        <label class="layui-form-label">确认密码：</label>
+        <div class="layui-input-block">
+            <input type="password" name="repass" required  lay-verify="repass" placeholder="请输入密码" autocomplete="off" class="layui-input">
         </div>
     </div>
     <div class="layui-form-item">
@@ -56,7 +60,7 @@
     <div class="layui-form-item">
         <label class="layui-form-label">电子邮箱：</label>
         <div class="layui-input-block">
-            <input type="text" name="email" required lay-verify="required" placeholder="请输入电子邮箱" autocomplete="off" class="layui-input">
+            <input type="text" name="email" required lay-verify="email" placeholder="请输入电子邮箱" autocomplete="off" class="layui-input">
         </div>
     </div>
     <div class="layui-form-item">
@@ -89,6 +93,17 @@
         layui.use('form', function(){
             var form = layui.form;
 
+            //自定义验证规则
+            form.verify({
+                pass: [/(.+){6,12}$/, '密码必须6到12位'],
+                repass: function (value) {
+                    if (value != $('#L_pass').val()) {
+                        return '密码不一致哦';
+                    }
+                }
+            });
+
+
             //监听提交
             form.on('submit(formDemo)', function(data){
                 debugger;
@@ -115,16 +130,7 @@
                 return false; //必须加上这个！！！
             });
         });
-       /* //自定义验证规则
-        form.verify({
-                pass: [/(.+){6,12}$/, '密码必须6到12位']
-                ,repass: function(value){
-            var repassvalue = $('#L_repass').val();
-            if(value != repassvalue){
-                return '两次输入的密码不一致!';
-            }
-        }
-        });*/
+
 </script>
 
 

src/main/webapp/WEB-INF/view/mebersupdate.jsp

@@ -39,7 +39,13 @@
     <div class="layui-form-item">
         <label class="layui-form-label">密码：</label>
         <div class="layui-input-block">
-            <input type="text" name="password" value="${user.password}" required  lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
+            <input type="password" id="L_pass" name="password" value="${user.password}" required  lay-verify="pass" placeholder="请输入密码" autocomplete="off" class="layui-input">
+        </div>
+    </div>
+       <div class="layui-form-item">
+           <label class="layui-form-label">确认密码：</label>
+           <div class="layui-input-block">
+               <input type="password" name="repass"  value="${user.password}" required  lay-verify="repass" placeholder="请输入密码" autocomplete="off" class="layui-input">
            </div>
        </div>
     <div class="layui-form-item">
@@ -56,7 +62,7 @@
     <div class="layui-form-item">
         <label class="layui-form-label">电子邮箱：</label>
         <div class="layui-input-block">
-            <input type="text" name="email" value="${user.email}" required lay-verify="required" placeholder="请输入电子邮箱" autocomplete="off" class="layui-input">
+            <input type="text" name="email" value="${user.email}" required lay-verify="email" placeholder="请输入电子邮箱" autocomplete="off" class="layui-input">
         </div>
     </div>
     <div class="layui-form-item">
@@ -93,6 +99,17 @@
         layui.use('form', function(){
             var form = layui.form;
 
+            //自定义验证规则
+            form.verify({
+                pass: [/(.+){6,12}$/, '密码必须6到12位'],
+                repass: function (value) {
+                    if (value != $('#L_pass').val()) {
+                        return '密码不一致哦';
+                    }
+                }
+            });
+
+
             //监听提交
             form.on('submit(formDemo)', function(data){
                 debugger;