Browse Source

更新 'mobile/source/apps/user/views/user_login.html'

master
lixiaoyu 3 years ago
parent
commit
33b928581d
  1. 186
      mobile/source/apps/user/views/user_login.html

186
mobile/source/apps/user/views/user_login.html

@ -1,94 +1,94 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<meta charset="utf-8">
<meta name="description" content="" />
<meta name="keywords" content="" />
<title>{$page_title}</title>
<link href="{__TPL__}css/jquery-ui-1.10.1.custom.min.css" rel="stylesheet" />
<!--字体图标库-->
<link rel="stylesheet" href="{__TPL__}fonts/iconfont.css">
<link rel="stylesheet" href="{__TPL__}css/swiper-3.2.5.min.css">
<!--主样式-->
<link rel="stylesheet" href="{__TPL__}css/ectouch.css" />
<script type="text/javascript" src="{__TPL__}js/jquery-2.1.4.min.js"></script>
</head>
<body class="b-color-f">
{include file="float_nav"}
{include file="search"}
<div class="con b-color-f">
<section class="user-center user-login margin-lr">
<form class="login-form" action="{U('index')}" method="post" onsubmit="return loginform()">
<div class="text-all dis-box j-text-all" name="usernamediv" >
<label>账 号</label>
<div class="box-flex input-text">
<input class="j-input-text" name="username" datatype="s5-16" errormsg="昵称至少5个字符,最多16个字符!" type="text" placeholder="用户名/手机号/邮箱" />
<i class="iconfont icon-guanbi is-null j-is-null"></i>
</div>
</div>
<div class="text-all dis-box j-text-all" name="passworddiv">
<label>密 码</label>
<div class="box-flex input-text" >
<input class="j-input-text" name="password" type="password" placeholder="请输入密码" />
<i class="iconfont icon-guanbi is-null j-is-null"></i>
</div>
<i class="iconfont icon-yanjing is-yanjing j-yanjing disabled"></i>
</div>
<input type="hidden" name="back_act" value="{$back_act}" />
<a class="fr t-remark" href="{U('get_password_phone',array('enabled_sms'=>'1'))}">忘记密码?</a>
<button type="submit" class="btn-submit">登录</button>
</form>
<a class="a-first u-l-register" href="{U('register')}">新用户注册</a>
<div class="other-login">
<h4 class="title-hrbg"><span>第三方登录</span><hr/> </h4>
<ul class="dis-box">
<li class="box-flex"><a href="{U('oauth/index/index', array('type'=>'qq','back_url'=>$back_act))}"><span class="qq"><i class="iconfont icon-qq"></i></span>QQ</a></li>
<li class="box-flex"><a href="{U('oauth/index/index', array('type'=>'weibo','back_url'=>$back_act))}"><span class="xinlang"><i class="iconfont icon-xinlang"></i></span>微博</a></li>
<li class="box-flex"><a href="{U('oauth/index/index', array('type'=>'wechat','back_url'=>$back_act))}"><span class="weixin"><i class="iconfont icon-weixin"></i></span>微信</a></li>
</ul>
</div>
</section>
</div>
<div class="div-messages"></div>
<!--引用js-->
{include file="script"}
<script>
$(":input").keyup(function(){
var box=this.name+"div";
var div=$("div[name="+box+"]");
var value=div.attr("class").indexOf("active")
if ( value > 0 ){
div.removeClass("active");
}
});
/*
* login check
*/
function loginform(){
var username = $("input[name=username]");
var password = $("input[name=password]");
if(username.val() == ''){
d_messages('请输入用户名',2);
$("div[name=usernamediv]").addClass("active");
return false;
}
if(password.val() == ''){
d_messages('请输入密码',2);
$("div[name=passworddiv]").addClass("active");
return false;
}
return true;
}
</script>
</body>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<meta charset="utf-8">
<meta name="description" content="" />
<meta name="keywords" content="" />
<title>{$page_title}</title>
<link href="{__TPL__}css/jquery-ui-1.10.1.custom.min.css" rel="stylesheet" />
<!--字体图标库-->
<link rel="stylesheet" href="{__TPL__}fonts/iconfont.css">
<link rel="stylesheet" href="{__TPL__}css/swiper-3.2.5.min.css">
<!--主样式-->
<link rel="stylesheet" href="{__TPL__}css/ectouch.css" />
<script type="text/javascript" src="{__TPL__}js/jquery-2.1.4.min.js"></script>
</head>
<body class="b-color-f">
{include file="float_nav"}
{include file="search"}
<div class="con b-color-f">
<section class="user-center user-login margin-lr">
<form class="login-form" action="{U('index')}" method="post" onsubmit="return loginform()">
<div class="text-all dis-box j-text-all" name="usernamediv" >
<label>账 号</label>
<div class="box-flex input-text">
<input class="j-input-text" name="username" datatype="s5-16" errormsg="昵称至少5个字符,最多16个字符!" type="text" placeholder="用户名/手机号/邮箱" />
<i class="iconfont icon-guanbi is-null j-is-null"></i>
</div>
</div>
<div class="text-all dis-box j-text-all" name="passworddiv">
<label>密 码</label>
<div class="box-flex input-text" >
<input class="j-input-text" name="password" type="password" placeholder="请输入密码" />
<i class="iconfont icon-guanbi is-null j-is-null"></i>
</div>
<i class="iconfont icon-yanjing is-yanjing j-yanjing disabled"></i>
</div>
<input type="hidden" name="back_act" value="{$back_act}" />
<a class="fr t-remark" href="{U('get_password_phone',array('enabled_sms'=>'1'))}">忘记密码?</a>
<button type="submit" class="btn-submit">登录</button>
</form>
<a class="a-first u-l-register" href="{U('register')}">新用户注册</a>
<!-- <div class="other-login">
<h4 class="title-hrbg"><span>第三方登录</span><hr/> </h4>
<ul class="dis-box">
<li class="box-flex"><a href="{U('oauth/index/index', array('type'=>'qq','back_url'=>$back_act))}"><span class="qq"><i class="iconfont icon-qq"></i></span>QQ</a></li>
<li class="box-flex"><a href="{U('oauth/index/index', array('type'=>'weibo','back_url'=>$back_act))}"><span class="xinlang"><i class="iconfont icon-xinlang"></i></span>微博</a></li>
<li class="box-flex"><a href="{U('oauth/index/index', array('type'=>'wechat','back_url'=>$back_act))}"><span class="weixin"><i class="iconfont icon-weixin"></i></span>微信</a></li>
</ul>
</div> -->
</section>
</div>
<div class="div-messages"></div>
<!--引用js-->
{include file="script"}
<script>
$(":input").keyup(function(){
var box=this.name+"div";
var div=$("div[name="+box+"]");
var value=div.attr("class").indexOf("active")
if ( value > 0 ){
div.removeClass("active");
}
});
/*
* login check
*/
function loginform(){
var username = $("input[name=username]");
var password = $("input[name=password]");
if(username.val() == ''){
d_messages('请输入用户名',2);
$("div[name=usernamediv]").addClass("active");
return false;
}
if(password.val() == ''){
d_messages('请输入密码',2);
$("div[name=passworddiv]").addClass("active");
return false;
}
return true;
}
</script>
</body>
</html>
Loading…
Cancel
Save