mirror of
https://gitee.com/tawords/tawords
synced 2025-09-13 13:51:39 +08:00
178 lines
9.2 KiB
HTML
178 lines
9.2 KiB
HTML
<!DOCTYPE html>
|
||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||
<title></title>
|
||
</head>
|
||
|
||
<body>
|
||
<!--<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">--><!-- 新 Bootstrap 核心 CSS 文件 -->
|
||
<link href="./css/bootstrap.min.css" rel="stylesheet">
|
||
<!--<link rel="stylesheet" href="css/bootstrap.css">-->
|
||
<li class="toggle"><a data-toggle="modal" href="#loginer">登录</a></li>
|
||
<li class="toggle"><a data-toggle="modal" href="#register">注册</a></li>
|
||
<li class="toggle hidden"><a id="nicheng" href="##"></a></li>
|
||
<li class="toggle hidden"><a id="logout" href="##">注销</a></li>
|
||
<!-- 登录 -->
|
||
<div id="loginer" class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1"
|
||
aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal">
|
||
<span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
||
<h4 class="modal-title">请登录</h4>
|
||
</div>
|
||
<form id="form_login" class="form-horizontal">
|
||
<div class="modal-body">
|
||
<div class="form-group has-feedback">
|
||
<label class="col-sm-3 control-label" for="zh1">用户名：</label>
|
||
<div class="col-sm-9 require">
|
||
<input type="text" class="form-control" name="username" id="zh1" pattern="\w{6,10}" required>
|
||
</div>
|
||
</div>
|
||
<div class="form-group has-feedback">
|
||
<label class="col-sm-3 control-label" for="pw1">密码：</label>
|
||
<div class="col-sm-9 require">
|
||
<input type="password" pattern="\w{6,10}" class="form-control" name="pwd" id="pw1" required>
|
||
</div>
|
||
</div>
|
||
<div class="form-group has-feedback">
|
||
<label class="col-sm-3 control-label" for="yzm">验证码：</label>
|
||
<div class="col-sm-5 require">
|
||
<input type="text" pattern="\d{4}" class="form-control" name="yzm" id="yzm" required>
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<img id="idcodeimg" src="" alt="验证码">
|
||
</div>
|
||
</div>
|
||
<div class="form-group has-feedback">
|
||
<label id="info" class="col-sm-4 control-label pull-left"></label>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="submit" class="btn btn-primary">登录</button>
|
||
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 注册 -->
|
||
<div id="register" class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabe2"
|
||
aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal">
|
||
<span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
||
<h4 class="modal-title">请注册</h4>
|
||
</div>
|
||
<form id="form_regist" class="form-horizontal">
|
||
<div class="modal-body">
|
||
<div class="form-group has-feedback">
|
||
<label class="col-sm-3 control-label" for="zh2">用户名：</label>
|
||
<div class="col-sm-9 require">
|
||
<input type="text" class="form-control" name="username" id="zh2"
|
||
pattern="\w{6,10}" required>
|
||
</div>
|
||
</div>
|
||
<div class="form-group has-feedback">
|
||
<label class="col-sm-3 control-label" for="pw2">密码：</label>
|
||
<div class="col-sm-9 require">
|
||
<input type="password" pattern="\w{6,10}" class="form-control" name="pwd" id="pw2">
|
||
</div>
|
||
</div>
|
||
<div class="form-group has-feedback">
|
||
<label class="col-sm-3 control-label" for="pw3">确认密码：</label>
|
||
<div class="col-sm-9 require">
|
||
<input type="password" pattern="\w{6,10}" class="form-control" name="repwd" id="pw3">
|
||
</div>
|
||
</div>
|
||
<div class="form-group has-feedback">
|
||
<label class="col-sm-3 control-label" for="lc">昵称：</label>
|
||
<div class="col-sm-9 require">
|
||
<input type="text" pattern="\S{2,10}" class="form-control" name="nc" id="lc">
|
||
</div>
|
||
</div>
|
||
<div class="form-group has-feedback">
|
||
<label id="wanner" class="col-sm-4 control-label pull-left"></label>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="submit" class="btn btn-primary">注册</button>
|
||
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!--<script src="js/jquery-2.1.3.js"></script>-->
|
||
<script src="js/jquery 2.1.3.min.js"></script>
|
||
<!--<script src="js/bootstrap.min.js"></script>-->
|
||
<script src="js/bootstrap 3.3.7.min.js"></script>
|
||
<script>
|
||
function toggle(){
|
||
$.getJSON("php/get.php",function (res) {
|
||
//获取当前用户是否登录
|
||
if(res['flag']){//用户已经登录，显示昵称和注销选项
|
||
$('li.toggle').toggleClass('hidden');
|
||
$('#nicheng').html(res['nc'])
|
||
}
|
||
});
|
||
}
|
||
$('#form_login').submit(function (e) {/*登录*/
|
||
e.preventDefault();/*阻止表单默认事件，页面全局刷新*/
|
||
var data=$('#form_login').serialize();/*将表单里的数据包装起来*/
|
||
$.getJSON('php/login.php',data,function (res) {
|
||
/*data：将表单里的数据传给php，回调函数接受php返回来的值*/
|
||
if(res==3){//用户名、密码、验证码都输入正确
|
||
toggle();/*修改首页选项菜单*/
|
||
$('#loginer').modal('hide');/*关闭模态框*/
|
||
}else if(res==2){
|
||
$('#info').html('用户名或密码有误')
|
||
}else {
|
||
$('#info').html('验证码有误')
|
||
}
|
||
})
|
||
});
|
||
$('#logout').click(function () {
|
||
confirm('确定要注销？');
|
||
$.getJSON('php/logout.php',function (res) {
|
||
if(res)toggle();
|
||
})
|
||
})
|
||
$('#form_regist').submit(function (e) {
|
||
e.preventDefault();
|
||
var data=$('#form_regist').serialize();
|
||
$.getJSON('php/regist.php',data,function (res) {
|
||
if(res==3){
|
||
toggle();
|
||
$('#register').modal('hide');
|
||
}else if (res==2) {
|
||
$('#wanner').html('两次密码不一致，请重试！')
|
||
}else if (res==1) {
|
||
$('#wanner').html('用户名冲突，请重试！')
|
||
}
|
||
})
|
||
});
|
||
</script>
|
||
|
||
|
||
<script>
|
||
$('#idcodeimg').click(function () { refreshidcode() });
|
||
|
||
function refreshidcode() {
|
||
idcodeimg.src = "./php/idcode.php?t=" + Math.round(new Date() / 1000) + "&r=" + Math.random();
|
||
}
|
||
refreshidcode();
|
||
</script>
|
||
</body>
|
||
</html>
|