lovecoding
/
VIP23


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
							<!DOCTYPE html>
<html>
<head>
  <base href="/bookstore/">
  <meta charset="UTF-8" />
  <title>爱扣钉会员登录页面</title>
  <link type="text/css" rel="stylesheet" href="static/css/style.css" />
  <script src="static/script/vue.js"></script>
</head>
<body>
<div id="app">
  <div id="login_header">
    <a href="index.html">
      <img class="logo_img" alt="" src="static/img/logo.gif" />
    </a>
  </div>

  <div class="login_banner">
    <div id="l_content">
      <span class="login_word">欢迎登录</span>
    </div>

    <div id="content">
      <div class="login_form">
        <div class="login_box">
          <div class="tit">
            <h1>爱扣钉会员</h1>
          </div>
          <div class="msg_cont">
            <b></b>
            <span class="errorMsg">{{errMsg}}</span>
          </div>
          <div class="form">
            <form method="post" action="login" @submit="checkLogin">
              <label>用户名称：</label>
              <input
                      class="itxt"
                      type="text"
                      placeholder="请输入用户名"
                      autocomplete="off"
                      tabindex="1"
                      name="username"
                      id="username"
                      v-model="username"
              />
              <br />
              <br />
              <label>用户密码：</label>
              <input
                      class="itxt"
                      type="password"
                      placeholder="请输入密码"
                      autocomplete="off"
                      tabindex="1"
                      name="password"
                      id="password"
                      v-model.trim="password"
              />
              <br />
              <br />
              <input type="submit" value="登录" id="sub_btn" />
            </form>
            <div class="tit">
              <a href="pages/user/regist.html">立即注册</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="bottom">
      <span>
        爱扣钉书城.Copyright &copy;2015
      </span>
  </div>
</div>
<script>
  new Vue({
    "el":"#app",
    "data":{
      "username":"",
      "password":"",
      "errMsg":"请输入用户名和密码"
    },
    "methods":{
      checkLogin(){
        if(this.username==""){
          this.errMsg = "用户名不能为空";
          event.preventDefault();
          return;
        }
        if(this.password==""){
          this.errMsg="密码不能为空";
          event.preventDefault();
        }
      }
    }
  });
</script>
</body>
</html>