|
<!DOCTYPE>
<html>
<head>
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">
-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>科袖-登录</title>
<link rel="stylesheet" href="css/reset.css" />
<link type="text/css" href="css/login.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
<!--<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/form.js"></script>-->
<script type="text/javascript">
var phonePass = false;
var codePass = false;
function phoneVal(){
var phone= $("#phone").val();
if(phone.length==0){
$(".msg1").text("请输入您的手机号码");
}else{
var hunPhone=/^1[3|4|5|7|8]\d{9}$/;
if(hunPhone.test(phone.trim())){
$(".msg1").text("");
phonePass = true;
}else{
phonePass = false;
$(".msg1").text("手机格式正确,请输入正确的手机号码");
}
}
}
function codeVal(){
var code = $("#code").val();
if(code.length==0){
$(".msg2").text("请输入正确的邀请码");
codePass = false;
}else{
$(".msg2").text("");
codePass = true;
}
}
function loginSub(){
phoneVal();
codeVal();
if(phonePass && codePass){
$.ajax("../ajax/slogin",{
type:"POST",
async: false,
success:function(data){
if(data.success){
if(data.data != "null" && data.data != null){
if(data.data.auth == true){
location.href="index.html";
}else{
location.href="login-first.html";
}
}else{
$(".msg3").text("手机和邀请码不匹配,请确认后登录!");
}
}else{
$(".msg3").text("系统异常!");
// alert("系统异常!");
}
},
error:function(){$.MsgBox.Alert('message','fail')},
data:{"code":$("#code").val(),"mobile":$("#phone").val()},
dataType: 'json'
});
}
}
function restSub(data) {
$(".msg3").text("");
}
</script>
</head>
<body>
<div id="header"></div>
<!--登录邀请码!-->
<div class="loginbox">
<div class="login-title">
<a href="login.html">通过已验证手机或邮箱登录<span class="back"></span></a>
</div>
<div class="logo">
<a href="index.html"><img src="images/logo.png"></a>
</div>
<div class="login-input">
<form name="f1" action="login-first.html" method="post">
<input type="text" placeholder="请输入您的手机号" id="phone" value="" onkeydown="restSub()" onblur="phoneVal()" >
<div class="msg msg1" ><span></span></div>
<input type="text" placeholder="请输入您的邀请码" id="code" value="358FE958561241DA8A8DFC996388893C" onkeydown="restSub()" onblur="codeVal()" >
<div class="msg msg2" ><span></span></div>
<!--<div class="codebox">
<input type="text" placeholder="验证码" class="code">
<div class="code-pic"></div><span class="note">看不清?换一换</span></div>
<div class="msg" ><span></span></div>-->
<input type="button" value="登录" class="login" id="login" onClick="loginSub()">
<div class="msg msg3" ><span></span></div>
<div class="forget">忘记邀请码?<div class="prompt"><span class="triangleR"></span><span class="prompt-con">请拨打免费电话<br><span class="tel">400-xxx-xxxx</span><br>重新获取邀请码</span></div></div>
</form>
</div>
</div>
<div id="footer"></div>
</body>
</html>
|