lovecoding
/
VIP23


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
							<!DOCTYPE html>
<html>
  <head>
    <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="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">{{errorMsg}}</span>
            </div>
            <div class="form">
              <form action="login_success.html">
                <label>用户名称：</label>
                <input
                  class="itxt"
                  type="text"
                  placeholder="请输入用户名"
                  autocomplete="off"
                  tabindex="1"
                  name="username"
                  id="username"
                  v-model="user.username"
                />
                <br />
                <br />
                <label>用户密码：</label>
                <input
                  class="itxt"
                  type="password"
                  placeholder="请输入密码"
                  autocomplete="off"
                  tabindex="1"
                  name="password"
                  id="password"
                  v-model="user.password"
                />
                <br />
                <br />
                <input type="submit" value="登录" @click.prevent="submitBtn" id="sub_btn" />
              </form>
              <div class="tit">
                <a href="regist.html">立即注册</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="bottom">
      <span>
        愛摳訂书城.Copyright &copy;2015
      </span>
    </div>
  </body>
<script>
  let vue = new Vue({
    el:"#content",
    data:{
      //提示信息
      errorMsg:"",
      user:{
        username:"",
        password:""
      },
    },
    methods:{
      submitBtn(){
        //判断
        if (this.user.username.trim() == '' || this.user.password.trim() == ''){
          //提示
          this.errorMsg="用户或者密码不能为空"
          return false;
        }
        //不为空 提交到 后端 暂时在控制台输出即可
        console.log(this.user)

        this.errorMsg=""
      }
    }
  })

</script>
</html>