Commit b2d6eea0 authored by clone's avatar clone

Merge branch 'test' of https://gitee.com/zwyjjc/tl_estate into test

# Conflicts: # log.txt
parents 41a09a4f 9e084544
......@@ -26,7 +26,7 @@ class Index
{
return view('index/share_detail');
}
public function share_detail()
public function share_register()
{
return view('index/share_register');
}
......
......@@ -8,11 +8,47 @@
<meta name="Keywords" content=""/>
<meta name="Description" content=""/>
<link rel="stylesheet" href="/app/css/common.css">
<link rel="stylesheet" href="/app/css/share_register.css">
<link>
</head>
<body>
<body id="regi">
<div class="register-con">
<img src="/app/images/pic_yaoqingzhuce-.png" class="zhuce-img">
<ul class="register-body">
<li class="div-phone">
<span class="register-span">
手机号码
</span>
<input type="text" id="phone" class="infos" placeholder="请输入号码">
</li>
<li class="div-ranks">
<input type="number" id="ranks" class="infos1" placeholder="请输入验证码">
<a href="javascript:;" class="send1" onclick="sends.send();">获取验证码</a>
</li>
<li>
<span class="register-span">
密码
</span>
<input type="password" id="password" class="infos" placeholder="6-20位数字字母">
</li>
<div class="register-div">
<img class="zc_nor_button" src="/app/images/but_yuedu-.png">
<a>
我已阅读
<span>
《同联商业服务协议》
</span>
</a>
</div>
<div class="div-conform">
<a href="javascript:;" class="conform" onclick="sends.conform();">提交</a>
</div>
</ul>
</div>
<script src="/app/js/jquery.js"></script>
<script src="/app/js/common.js" charset="UTF-8"></script>
<script src="/app/js/share_register.js"></script>
</body>
</html>
.register-con{
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
.zhuce-img{
width: 100%;
display: block;
float: left;
}
.register-body{
width: 73.3%;
position: absolute;
z-index: 3;
top: 6.3rem;
height: 2rem;
left: 13.2%;
}
.register-body li{
width: 100%;
height: 1rem;
border-bottom: 1px solid #E6E6E6;
float: left;
}
.register-span{
font-size: 0.3rem;
color: #333333;
float: left;
line-height: 1rem;
}
.infos{
color: #333;
text-align: right;
float: right;
line-height: 1rem;
margin-right: 0.2rem;
height: 0.7rem;
display: block;
font-size: 0.3rem;
background: none;
margin-top: 0.18rem;
border: none;
}
input::-webkit-input-placeholder{
color: #ccc;
}
.error{
color: #F13D2F;
font-size: 0.28rem;
float: right;
margin-top: 0.1rem;
}
.infos1{
color: #333;
text-align: left;
float: left;
line-height: 1rem;
height: 0.7rem;
display: block;
font-size: 0.3rem;
background: none;
margin-top: 0.18rem;
border: none;
}
.send1{
font-size: 0.26rem;
color: #cccccc;
text-align: right;
float: right;
line-height: 1rem;
}
.send0{
font-size: 0.26rem;
color: #ff9419;
text-align: right;
float: right;
line-height: 1rem;
}
.register-{
width: 100%;
float: left;
}
.zc_nor_button{
width: 0.26rem;
height: 0.26rem;
float: left;
margin-top: 0.43rem;
display: block;
margin-left: 15%;
}
.register-div a{
float: left;
font-size: 0.22rem;
color: #666666;
margin-top: 0.4rem;
margin-left: 0.1rem;
}
.register-div span{
font-size: 0.22rem;
color: #F13D2F;
}
#regi{
background: #FFFFFF;
}
.div-conform {
width: 100%;
height: 0.7rem;
background: #FE8F00;
float: left;
border-radius: 0.35rem;
line-height: 0.7rem;
font-size: 0.3rem;
text-align: center;
margin-top: 0.4rem;
}
.div-conform a{
color: #FFFFFF;
}
/**
* Created by 刘丹 on 2017/12/26.
*/
(function () {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i ++) {
theRequest[strs[i].split("=")[0]]=decodeURI(strs[i].split("=")[1]);
}
}
_referrer_id=theRequest.id;
_referrer_source=theRequest.referrer_source;
})();
var sends = {
checked:1,
send:function(){
var numbers = /^1\d{10}$/;
var val = $('#phone').val().replace(/\s+/g,""); //获取输入手机号码
if($('.div-phone').find('span').length == 0 && $('.div-ranks a').attr('class') == 'send1'){
if(!numbers.test(val) || val.length ==0){
$('.div-').append('<span class="error">手机格式错误!</span>');
return false;
}
}
if(numbers.test(val)){
$.ajax({
url: ServerHost+"/api/sendSms/"+val,
data: {
"type":'add'
},
type: "GET",
dataType: "json",
beforeSend: function () {},
success: function (response) {
_token=response.data.token
$('.div-phone').append('<span class="error">'+response.msg+'</span>');
},
error: function () {
$('.div-phone').append('<span class="error">验证码发送失败!</span>');
}
});
var time = 60;
//$('.div-phone span').remove();
function timeCountDown(){
if(time==0){
clearInterval(timer);
$('.div-ranks a').addClass('send1').removeClass('send0').html("获取验证码");
sends.checked = 1;
return true;
}
$('.div-ranks a').html("剩余"+time+"S");
time--;
return false;
sends.checked = 0;
}
$('.div-ranks a').addClass('send0').removeClass('send1');
timeCountDown();
var timer = setInterval(timeCountDown,1000);
}
},
conform:function(){
if("" == $("#phone").val()) {
alert("请输入您的手机号!");
return;
}
if("" == $("#password").val()) {
alert("请输入您的密码!");
return;
}
if("" == $("#ranks").val()) {
alert("请输入您的验证码!");
return;
}
$(".conform").html("提交中...");
$.ajax({
url: ServerHost+"/api/register",
data: {
"phone":$("#phone").val(),
"pwd":$("#password").val(),
"code":$("#ranks").val(),
"token":_token,
"referrer_id":_referrer_id,
"referrer_source":_referrer_source,
"type":"add"
},
type: "POST",
dataType: "json",
beforeSend: function () {},
success: function (response) {
if (response.status == 0) {
//成功跳转
$("input").val('');
$(".conform").html("提交.");
window.location.href="/mobile4.0/index.html";
} else {
alert(response.msg);
}
},
error: function () {
$(".conform").html("提交.");
$('.div-').append('<span class="error">提交失败!</span>');
}
});
}
}
// 小图片切换
var a = 1;
$('.zc_nor_button').click(function(){
if(a == 1) {
$(this).attr("src","/app/images/but_yuedu_nor.png")
a = 2;
} else {
a = 1;
$(this).attr("src","/app/images/but_yuedu-.png")
}
})
//获取id名字
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment