You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
216 lines
10 KiB
216 lines
10 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>{$site_seo_title} {$site_name}</title>
|
|
<meta name="keywords" content="{$site_seo_keywords}" />
|
|
<meta name="description" content="{$site_seo_description}">
|
|
{include file="public:shead" /}
|
|
<!--手机注册page开始-->
|
|
|
|
</head>
|
|
<body style="background:none;">
|
|
|
|
<div style="width:380px;">
|
|
<div class="modeub logintop">
|
|
<div class="modef1 logintitle modeub modeac">
|
|
<div class="linkorangewh logobackimg orangelink"></div>
|
|
<div class="registered">手机注册</div>
|
|
<div class="linkorangewh logobackimg orangelink"></div>
|
|
</div>
|
|
<div class="cardregisterpage"></div>
|
|
</div>
|
|
<form class="" id="RegisteredForm" action="{:url('home/Register/runregister')}" method="post">
|
|
<input type="hidden" name="member_list_card" id="membeer_card" accept="image/*" class="loginfile">
|
|
<div class="modeub loginpagemb" style="margin-bottom: 12px;">
|
|
<div class="modef1 numberbody modeub">
|
|
<div class="numberlefticon"></div>
|
|
<div class="modeub numbercentericon modeac logininput">
|
|
|
|
<div class=" modeub modeac">
|
|
<input type="text" name="member_list_tel" placeholder="请输入手机号码" class="numberinputwh numberinputwh2 numberinputwh3 numberinputwh4" style="width:337px;" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="numberrighticon"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modeub loginpagemb" style="margin-bottom: 12px;">
|
|
<div id="registernc" class="nc-container" style="margin-top:4px;"></div>
|
|
<div class="modef1 numberbody modeub" style="width:170px;margin-left:10px;">
|
|
<div class="numberlefticon"></div>
|
|
<div class="modeub numbercentericon modeac logininput" style="width:98px;">
|
|
<div class=" modeub modeac">
|
|
<input type="text" name="verify" placeholder="6位验证码(600s)" class="numberinputwh" style="width:98px" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="numberrighticon"></div>
|
|
</div>
|
|
</div>
|
|
<div class="modeub loginpagemb" style="margin-bottom: 12px;">
|
|
<div class="modef1 numberbody modeub">
|
|
<div class="numberlefticon"></div>
|
|
<div class="modeub numbercentericon modeac logininput">
|
|
<div class=" modeub modeac">
|
|
<input type="password" name="password" placeholder="请输入密码" class="numberinputwh numberinputwh2 numberinputwh3 numberinputwh4" style=" width:337px;" required>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="numberrighticon"></div>
|
|
</div>
|
|
</div>
|
|
<div class="modeub loginpagemb" style="margin-bottom: 12px;">
|
|
<div class="modef1 numberbody modeub">
|
|
<div class="numberlefticon"></div>
|
|
<div class="modeub numbercentericon modeac logininput">
|
|
<div class=" modeub modeac">
|
|
<input type="password" name="repassword" placeholder="确认密码" class="numberinputwh numberinputwh2 numberinputwh3 numberinputwh4" style="width:337px;" required>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="numberrighticon"></div>
|
|
</div>
|
|
</div>
|
|
<input type="submit" style="display: none">
|
|
</form>
|
|
<div class="modeub loginpagemt" style="margin-top: 5px;">
|
|
<div class="modef1 modeub modeac havename modepc">
|
|
已有账户？<span class="havelogin" style="cursor: pointer" onclick="toLoginPage()">立即登录</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="loginbutton modeub modeac modepc" style="cursor: pointer;margin-top: 5px;" id="registeredNext">注册</div>
|
|
</div>
|
|
<!--手机注册page结束-->
|
|
<script type="text/javascript" charset="utf-8" src="//g.alicdn.com/sd/ncpc/nc.js?t={:time()}"></script>
|
|
<script>
|
|
var nc_token = ["FFFF0N000000000082FD", (new Date()).getTime(), Math.random()].join(':');
|
|
var nc;
|
|
var NC_Opt =
|
|
{
|
|
//声明滑动验证需要渲染的目标元素ID。
|
|
renderTo: "#registernc",
|
|
//应用类型标识。它和使用场景标识（scene字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在人机验证控制台的配置管理页签找到对应的appkey字段值，请务必正确填写。
|
|
appkey: "FFFF0N000000000082FD",
|
|
//使用场景标识。它和应用类型标识（appkey字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在人机验证控制台的配置管理页签找到对应的scene值，请务必正确填写。
|
|
scene: "nc_message",
|
|
//滑动验证码的主键，请勿将该字段定义为固定值。确保每个用户每次打开页面时，其token值都是不同的。系统默认的格式为：”您的appkey”+”时间戳”+”随机数”。
|
|
token: nc_token,
|
|
//滑动条的宽度。
|
|
customWidth:230,
|
|
//业务键字段，可为空。为便于线上问题的排查，建议您按照线上问题定位文档中推荐的方法配置该字段值。
|
|
trans:{"key1":"code0"},
|
|
//通过Dom的ID属性自动填写trans业务键，可为空。建议您按照线上问题定位文档中推荐的方法配置该字段值。
|
|
elementID: ["usernameID"],
|
|
//是否自定义配置底层采集组件。如无特殊场景，请使用默认值（0），即不自定义配置底层采集组件。
|
|
is_Opt: 0,
|
|
//语言。PC端Web页面场景默认支持18国语言，详细配置方法请参见自定义文案与多语言文档。
|
|
language: "cn",
|
|
//是否启用。一般情况，保持默认值（true）即可。
|
|
isEnabled: true,
|
|
//内部网络请求的超时时间。一般情况建议保持默认值（3000ms）。
|
|
timeout: 3000,
|
|
//允许服务器超时重复次数，默认5次。超过重复次数后将触发报错。
|
|
times:5,
|
|
//用于自定义滑动验证各项请求的接口地址。一般情况，请勿配置该参数。
|
|
apimap: {
|
|
// 'analyze': '//a.com/nocaptcha/analyze.jsonp',
|
|
// 'get_captcha': '//b.com/get_captcha/ver3',
|
|
// 'get_captcha': '//pin3.aliyun.com/get_captcha/ver3'
|
|
// 'get_img': '//c.com/get_img',
|
|
// 'checkcode': '//d.com/captcha/checkcode.jsonp',
|
|
// 'umid_Url': '//e.com/security/umscript/3.2.1/um.js',
|
|
// 'uab_Url': '//aeu.alicdn.com/js/uac/909.js',
|
|
// 'umid_serUrl': 'https://g.com/service/um.json'
|
|
},
|
|
//前端滑动验证通过时会触发该回调参数。您可以在该回调参数中将请求标识（token）、会话ID（sessionid）、签名串（sig）字段记录下来，随业务请求一同发送至您的服务端调用验签。
|
|
callback: function (data) {
|
|
window.console && console.log(nc_token)
|
|
window.console && console.log(data.csessionid)
|
|
window.console && console.log(data.sig)
|
|
var url="{:url('register/sendRegisterSms')}";
|
|
var account = $("#RegisteredForm input[name='member_list_tel']");
|
|
if(!account.val()){
|
|
account.focus();
|
|
nc.reload();
|
|
return false;
|
|
}else if(!(/^1[3456789]\d{9}$/.test(account.val()))){
|
|
layer.alert('手机号格式不正确', {icon: 5}, function (index) {
|
|
layer.close(index);
|
|
account.focus();
|
|
});
|
|
nc.reload();
|
|
return false;
|
|
}
|
|
$.post(url,{sessionid:data.csessionid,token:nc_token,sig:data.sig,scene:'nc_message',mobile:account.val()},function(res){
|
|
console.log(res);
|
|
layer.msg(res.msg);
|
|
nc.reload();
|
|
});
|
|
}
|
|
}
|
|
nc = new noCaptcha(NC_Opt)
|
|
//用于自定义文案。详细配置方法请参见自定义文案与多语言文档。
|
|
nc.upLang('cn', {
|
|
_startTEXT: "拖动滑块到最右边,获取短信码",
|
|
_yesTEXT: "验证通过",
|
|
_error300: "哎呀，出错了，点击<a href=\"javascript:__nc.reset()\">刷新</a>再来一次",
|
|
_errorNetwork: "网络不给力，请<a href=\"javascript:__nc.reset()\">点击刷新</a>"
|
|
})
|
|
<!--点击立即登录开始-->
|
|
function toLoginPage(){
|
|
$('.reveal-modal',parent.document).attr('style','');
|
|
$(".reveal-modal-bg",parent.document).remove();
|
|
|
|
//$(".logform",parent.document).html('<iframe id="logframe" src="" width="96%" height="360px" frameborder="0" scrolling="no"></iframe>');
|
|
var url="{:url('login/log')}";
|
|
$("#logframe",parent.document).attr('src',url);
|
|
$('#LoginPage',parent.document).reveal($(this).data());
|
|
|
|
}
|
|
<!--注册开始-->
|
|
$("#registeredNext").click(function(){
|
|
var isvalid = true;
|
|
$("#RegisteredForm input").each(function(){
|
|
if($(this)[0].validity.valueMissing){
|
|
isvalid=false;
|
|
}
|
|
});
|
|
if($("#RegisteredForm input[name='password']:first").val()!=$("#RegisteredForm input[name='repassword']:first").val()){
|
|
layer.alert("两次密码不一致", {icon: 5}, function (index) {
|
|
layer.close(index);
|
|
});
|
|
isvalid=false;
|
|
}
|
|
if(isvalid){
|
|
$.ajax({type:"POST",
|
|
url:$("#RegisteredForm").attr("action"),
|
|
data:$("#RegisteredForm").serialize(),
|
|
async: false,
|
|
success:function (data) {
|
|
if (data.code == 1) {
|
|
layer.alert("注册成功，请完善资料", {icon: 6,shade:false}, function (index) {
|
|
layer.close(index);
|
|
$('#RegisteredPage',parent.document).trigger('reveal:close');
|
|
$('#PhonePerfectPage',parent.document).reveal($(this).data());
|
|
});
|
|
}else{
|
|
layer.alert(data.msg, {icon: 5,shade:false}, function (index) {
|
|
layer.close(index);
|
|
});
|
|
}
|
|
}
|
|
})
|
|
}else{
|
|
if($("#RegisteredForm input[name='password']:first").val()==$("#RegisteredForm input[name='repassword']:first").val()){
|
|
$("#RegisteredForm input[type='submit']:first").click();
|
|
}
|
|
}
|
|
});
|
|
<!--注册结束-->
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|