Initial commit
This commit is contained in:
net909
@@ -0,0 +1,252 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-cn">
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
|
||||
<meta name="renderer" content="webkit"/>
|
||||
<title>获取百度BDUSS</title>
|
||||
<link href="//cdn.staticfile.org/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet"/>
|
||||
<script src="//cdn.staticfile.org/jquery/1.12.4/jquery.min.js"></script>
|
||||
<script src="//cdn.staticfile.org/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="//cdn.staticfile.org/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||
<script src="//cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="col-xs-12 col-sm-10 col-md-8 col-lg-6 center-block" style="float: none;">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading" style="text-align: center;"><h3 class="panel-title">
|
||||
获取百度BDUSS
|
||||
</div>
|
||||
<div class="panel-body" style="text-align: center;">
|
||||
<div class="list-group">
|
||||
<ul class="nav nav-tabs">
|
||||
<li><a href="index.html">普通登录</a></li><li><a href="index2.html">扫码登录</a></li><li class="active"><a href="index3.html">短信验证码登录</a></li><li><a href="index4.html">第三方登录</a></li>
|
||||
</ul>
|
||||
<div class="list-group-item"><img src="https://m.baidu.com/static/index/plus/plus_logo.png" width="160px"></div>
|
||||
<div id="load" class="alert alert-info" style="display:none;"></div>
|
||||
<div id="login" class="list-group-item">
|
||||
<div class="form-group">
|
||||
<div class="input-group"><div class="input-group-addon">手机号</div>
|
||||
<input type="text" id="phone" value="" class="form-control" onkeydown="if(event.keyCode==13){submit.click()}"/>
|
||||
</div></div>
|
||||
<div class="form-group" id="sms" style="display:none;">
|
||||
<div class="input-group"><div class="input-group-addon">验证码</div>
|
||||
<input type="text" id="smscode" value="" class="form-control" onkeydown="if(event.keyCode==13){submit.click()}" placeholder="输入短信验证码"/>
|
||||
<div class="input-group-addon" id="sendcode_button"><button type="button" id="sendcode">获取验证码</button></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group code" style="display:none;">
|
||||
<div id="codeimg"></div>
|
||||
<div class="input-group"><div class="input-group-addon">验证码</div>
|
||||
<input type="text" id="code" class="form-control" onkeydown="if(event.keyCode==13){submit.click()}" placeholder="输入验证码">
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" id="submit" class="btn btn-primary btn-block">提交</button>
|
||||
</div>
|
||||
<br/><a href="./index3.html">点此重新登录</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
var ajax={
|
||||
get: function(url, dataType, callback) {
|
||||
dataType = dataType || 'html';
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: url,
|
||||
async: true,
|
||||
dataType: dataType,
|
||||
cache:false,
|
||||
success: function(data,status) {
|
||||
if (callback == null) {
|
||||
return;
|
||||
}
|
||||
callback(data);
|
||||
},
|
||||
error: function(error) {
|
||||
alert('创建连接失败');
|
||||
}
|
||||
});
|
||||
},
|
||||
post: function(url, parameter, dataType, callback) {
|
||||
dataType = dataType || 'html';
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: url,
|
||||
async: true,
|
||||
dataType: dataType,
|
||||
data: parameter,
|
||||
cache:false,
|
||||
success: function(data,status) {
|
||||
if (callback == null) {
|
||||
return;
|
||||
}
|
||||
callback(data);
|
||||
},
|
||||
error: function(error) {
|
||||
alert('创建连接失败');
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
function invokeSettime(obj){
|
||||
var countdown=60;
|
||||
settime(obj);
|
||||
function settime(obj) {
|
||||
if (countdown == 0) {
|
||||
$(obj).attr("data-lock", "false");
|
||||
$(obj).attr("disabled",false);
|
||||
$(obj).text("获取验证码");
|
||||
countdown = 60;
|
||||
return;
|
||||
} else {
|
||||
$(obj).attr("data-lock", "true");
|
||||
$(obj).attr("disabled",true);
|
||||
$(obj).text(countdown + "秒后重试");
|
||||
countdown--;
|
||||
}
|
||||
setTimeout(function() { settime(obj) } ,1000)
|
||||
}
|
||||
}
|
||||
function trim(str){ //去掉头尾空格
|
||||
return str.replace(/(^\s*)|(\s*$)/g, "");
|
||||
}
|
||||
function login(phone,smsvc){
|
||||
$('#load').html('正在登录，请稍等...');
|
||||
var loginurl="login.php?do=login3&r="+Math.random(1);
|
||||
ajax.post(loginurl, {phone:phone, smsvc:smsvc}, 'json', function(d) {
|
||||
if(d.code ==0){
|
||||
$('#login').hide();
|
||||
$('.code').hide();
|
||||
$('#submit').hide();
|
||||
$('#sms').hide();
|
||||
showresult(d);
|
||||
}else{
|
||||
$('#load').html(d.msg+" ("+d.code+")");
|
||||
$('.code').hide();
|
||||
$('#login').show();
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
function sendsms(phone,vcode,vcodestr,vcodesign){
|
||||
vcode=vcode||null;
|
||||
vcodestr=vcodestr||null;
|
||||
vcodesign=vcodesign||null;
|
||||
$('#load').html('正在发送验证码...');
|
||||
var loginurl="login.php?do=sendsms&r="+Math.random(1);
|
||||
ajax.post(loginurl, {phone:phone, vcode:vcode, vcodestr:vcodestr, vcodesign:vcodesign}, 'json', function(d) {
|
||||
if(d.code ==0){
|
||||
$('.code').hide();
|
||||
$('#sms').show();
|
||||
$('#submit').attr('do','smscode');
|
||||
$('#smscode').focus();
|
||||
$('#load').html('请输入短信验证码');
|
||||
invokeSettime("#sendcode");
|
||||
alert('已发送验证码到 '+phone);
|
||||
}else if(d.code ==50020){
|
||||
$('#load').html(d.msg);
|
||||
$('#codeimg').attr('vcodesign',d.vcodesign);
|
||||
$('#sms').hide();
|
||||
$('#submit').attr('do','code');
|
||||
getvc(d.vcodestr);
|
||||
}else if(d.code ==500002 || d.code ==500001){
|
||||
$('#load').html('请输入验证码');
|
||||
$('#submit').attr('do','code');
|
||||
alert(d.msg);
|
||||
}else if(d.code ==50014){
|
||||
$('#load').html('提示：60秒内只能发送一次验证码，否则会提示频繁');
|
||||
$('.code').hide();
|
||||
alert(d.msg);
|
||||
}else{
|
||||
$('.code').hide();
|
||||
alert(d.msg);
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
function getphone(phone){
|
||||
$('#load').html('正在检测手机号是否存在...');
|
||||
var getvcurl="login.php?do=getphone&r="+Math.random(1);
|
||||
ajax.post(getvcurl, {phone:phone}, 'json', function(d) {
|
||||
if(d.code ==0){
|
||||
sendsms(phone);
|
||||
}else if(d.code ==3){
|
||||
$('#load').html('');
|
||||
$('.code').hide();
|
||||
$('#submit').attr('do','submit');
|
||||
alert('该手机号不存在，请重新输入！');
|
||||
}else{
|
||||
$('#load').html(d.msg+" ("+d.code+")");
|
||||
$('#submit').attr('do','submit');
|
||||
$('.code').hide();
|
||||
}
|
||||
});
|
||||
}
|
||||
function getvc(vcodestr){
|
||||
$('#codeimg').attr('vcodestr',vcodestr);
|
||||
$('#codeimg').html('<img onclick="this.src=\'login.php?do=getvcpic&vcodestr='+vcodestr+'&r=\'+Math.random();" src="login.php?do=getvcpic&vcodestr='+vcodestr+'&r='+Math.random(1)+'" title="点击刷新">');
|
||||
$('#submit').attr('do','code');
|
||||
$('#code').val("");
|
||||
$('.code').show();
|
||||
}
|
||||
function showresult(arr){
|
||||
$('#load').html('<div class="alert alert-success">登录成功！'+decodeURIComponent(arr.displayname)+'</div><div class="input-group"><span class="input-group-addon">用户UID</span><input id="uid" value="'+arr.uid+'" class="form-control" /></div><br/><div class="input-group"><span class="input-group-addon">用户名</span><input id="user" value="'+arr.user+'" class="form-control"/></div><br/><div class="input-group"><span class="input-group-addon">BDUSS</span><input id="bduss" value="'+arr.bduss+'" class="form-control"/></div><br/><div class="input-group"><span class="input-group-addon">PTOKEN</span><input id="ptoken" value="'+arr.ptoken+'" class="form-control"/></div><br/><div class="input-group"><span class="input-group-addon">STOKEN</span><input id="stoken" value="'+arr.stoken+'" class="form-control"/></div>');
|
||||
}
|
||||
$(document).ready(function(){
|
||||
$('#submit').click(function(){
|
||||
var self=$(this);
|
||||
var phone=trim($('#phone').val()),
|
||||
smscode=trim($('#smscode').val());
|
||||
if(phone=='') {
|
||||
alert("手机号不能为空！");
|
||||
return false;
|
||||
}
|
||||
$('#load').show();
|
||||
if (self.attr("data-lock") === "true") return;
|
||||
else self.attr("data-lock", "true");
|
||||
if(self.attr('do') == 'smscode'){
|
||||
if(smscode=='') {
|
||||
alert("验证码不能为空！");
|
||||
return false;
|
||||
}
|
||||
login(phone,smscode);
|
||||
}else if(self.attr('do') == 'code'){
|
||||
if(code=='') {
|
||||
alert("验证码不能为空！");
|
||||
return false;
|
||||
}
|
||||
var code=trim($('#code').val()),
|
||||
vcodestr=$('#codeimg').attr('vcodestr'),
|
||||
vcodesign=$('#codeimg').attr('vcodesign');
|
||||
sendsms(phone,code,vcodestr,vcodesign);
|
||||
}else{
|
||||
getphone(phone);
|
||||
}
|
||||
self.attr("data-lock", "false");
|
||||
});
|
||||
$('#sendcode').click(function(){
|
||||
var self=$(this);
|
||||
var phone=trim($('#phone').val());
|
||||
if(phone=='') {
|
||||
alert("手机号不能为空！");
|
||||
return false;
|
||||
}
|
||||
$('#load').show();
|
||||
if (self.attr("data-lock") === "true") return;
|
||||
else self.attr("data-lock", "true");
|
||||
var code=trim($('#code').val()),
|
||||
vcodestr=$('#codeimg').attr('vcodestr'),
|
||||
vcodesign=$('#codeimg').attr('vcodesign');
|
||||
sendsms(phone,code,vcodestr,vcodesign);
|
||||
self.attr("data-lock", "false");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user