登录页面

<script>

	$(function () {
        //1.给登录按钮绑定单击事件
		$("#btn_sub").click(function () {
            //2.发送ajax请求,提交表单数据
			$.post("user/login",$("#loginForm").serialize(),function (data) {
				//data : {flag:false,errorMsg:''}
				if(data.flag){
				    //登录成功
					location.href="index.html";
				}else{
				    //登录失败
					$("#errorMsg").html(data.errorMsg);
				}
            });
        });
    });


	//3.处理响应结果



</script>
    </div>
    <div class="login-box">
    	<div class="title">
    		<img src="images/login_logo.png" alt="">
    		<span>欢迎登录黑马旅游账户</span>
    	</div>
    	<div class="login_inner">
			
			<!--登录错误提示消息-->
    		<div id="errorMsg" class="alert alert-danger" ></div>
			<form id="loginForm" action="" method="post" accept-charset="utf-8">
    			<input type="hidden" name="action" value="login"/>
				<input name="username" type="text" placeholder="请输入账号" autocomplete="off">
    			<input name="password" type="text" placeholder="请输入密码" autocomplete="off">
    			<div class="verify">
				<input name="check" type="text" placeholder="请输入验证码" autocomplete="off">
				<span><img src="checkCode" alt="" onclick="changeCheckCode(this)"></span>
				<script type="text/javascript">
					//图片点击事件
					function changeCheckCode(img) {
						img.src="checkCode?"+new Date().getTime();
					}
				</script>
		</div>
		<div class="submit_btn">
    				<button type="button"  id="btn_sub">登录</button>
    				<div class="auto_login">
    					<input type="checkbox" name="" class="checkbox">
    					<span>自动登录</span>
    				</div>        				
    			</div>        			       		
    		</form>
    		<div class="reg">没有账户?<a href="javascript:;">立即注册</a></div>
    	</div>
    </div>
</section>
<!--引入尾部-->
<div id="footer"></div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.0.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<!--导入布局js,共享header和footer-->
<script type="text/javascript" src="js/include.js"></script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值