nodejs系列：综合练习实例用户注册界面 userReg.ejs javascript

发布时间：2019-01-28 16:53:56 作者：本站编辑来源：本站原创浏览次数：

我有话说 | |

www.javainfo.com.cn 上干货欢迎收藏

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
      <!-- 引入layui框架 start-->
      <link rel="stylesheet" href="/thirdmodels/layui-v2.4.3/layui/css/layui.css"  media="all">
      <script src="/thirdmodels/layui-v2.4.3/layui/layui.js" charset="utf-8"></script>
      <!-- 引入layui框架 end-->
  </head>
  <body>
  <div style="padding: 20px 20px 20px 20px;">
      <form class="layui-form layui-form-pane" action="" method="post" id="addForm3">
          <div class="layui-form-item">
              <label class="layui-form-label">用户名</label>
              <div class="layui-input-block">
                  <input type="text" name="name" style="width: 200px;" required lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
              </div>
          </div>
              <label class="layui-form-label">年龄</label>
              <div class="layui-input-block">
                  <input type="number" name="age" style="width: 200px;" required lay-verify="required" placeholder="请输入年龄" autocomplete="off" class="layui-input">

              </div>
          </div>

          <input type="hidden" name="menusStr" id="menusStr"/>
          <button class="layui-btn" lay-submit id="searchbtn1" style="display:none;"  lay-filter="searchbtn1">提交查询</button>
      </form>
  </div>

  <script>

      layui.use([ 'form', 'layer','jquery' ], function() {
          var form = layui.form, layer = layui.layer;
          var $ = layui.$ ;
          var index = parent.layer.getFrameIndex('addForm');
          console.log('index' + index );
          form.on('submit(searchbtn1)', function(data) {
              var data  =  $("#addForm3").serialize();
              //console.log(data);
              $.ajax({
                  url : "/userOther/doReg",
                  type : "POST",
                  dataType : "json",
                  data :  data,
                  success : function(result){
                      console.log('doReg result start ')
                      var rs = result.RES.status;
                      if(rs == 1){
                          console.log('close index start 1 ')
                          parent.layer.close(index);
                          parent.layer.msg(result.RES.msg);
                          console.log('colose end and alert msg ok result ');
                      }else{
                          layer.msg(result.RES.msg);
                      }
                  }
              });
              return false;
          });
      });

      // function changeFrameHeight(){
      //     var ifm= document.getElementById("iframemenu");
      //     ifm.height=document.documentElement.clientHeight+100;
      // }
      // window.onresize=function(){ changeFrameHeight();}
      // $(function(){changeFrameHeight();
      // });

  </script>


  </body>
</html>

如有疑问请留言欢迎提供建议