xiaojincai
/
scanner


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
							<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>Layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="layui/css/layui.css" media="all">
  <link rel="stylesheet" href="css/index.css" media="all">

</head>

<body>
  <div class="main">
    <form class="layui-form" action="" lay-filter="login">
      <div class="layui-form-item">
        <label class="layui-form-label">用户名</label>
        <div class="layui-input-block">
          <input type="text" name="username" lay-verify="username" autocomplete="off" placeholder="请输入用户名"
            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="password" lay-verify="password" lay-reqtext="请输入密码" placeholder="请输入密码"
            autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <div class="layui-input-block">
          <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">登录</button>
        </div>
      </div>
    </form>
  </div>
  <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
  <script src="layui/layui.js" charset="utf-8"></script>
  <script src="js/api.js" charset="utf-8"></script>
  <!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->
  <script>
    layui.use(['form'], function () {
      var form = layui.form
      layer = layui.layer
      //自定义验证规则
      form.verify({
        username: function (value) {
          console.log(value)
          if (value.length < 1) {
            return '请输入用户名!';
          }
        }
        , password: [
          /^[\S]{6,12}$/
          , '密码必须6到12位，且不能出现空格!'
        ]
      });
      //监听提交
      form.on('submit(login)', function (data) {
        var data = form.val("login")
        LayuiPostJson({
          url: LOGINAPI,
          data: data
        }).then(res => {
          localStorage.setItem("token",res.access_token)
        }).catch(err => {
          layer.msg("账号或密码错误!")
        })
        return false;
      });
    });
  </script>

</body>

</html>