You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

207 lines
7.3 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<extend name="Public/loginreg" />
<block name="body" >
<div class="s-main" >
<div class="loginalert zcbox">
<div class="safecodebox" id="div_geetest_lib">
<div id="div_id_embed">
<div class="scb">
<input type="text" name="verify" id="verify" placeholder="验证码" />
<img src="" />
</div>
</div>
<em class="closebtn">
<a href="javascript:;" style="color:#f60">×</a>
</em>
<a href="javascript:;" class="surebtn">确定</a>
</div>
<div class="pd20 loginpd">
<div class="loginwrap">
<div class="loginh">
<div class="fl">修改密码</div>
</div>
<div class="tabbox">
<div class="loginbox">
<form method="post" id="login_form" data-url="{:base64_encode($url)}">
<div class="logininput">
<span class="control-group" id="mobile_input">
<div class="input_add_long_background">
<input type="text" name="account" id="phone" class="loginusername phonenum" value="" placeholder="手机号" maxlength="11" onblur="__changeUserName(&#39;phone&#39;);">
</div>
</span>
<input id="btnSendCode" onclick="sendMessage()" class=" phoneyzm" type="button" value="获取验证码"><br>
<input type="text" name="safecode" id="safecode" class="loginusername" value="短信验证码" placeholder="短信验证码">
<span class="passwordbox" id="pwd" style=" position:relative;">
<input type="password" name="password" id="password" class="loginuserpasswordt" value="" placeholder="密码">
</span>
</div>
<div class="loginbtn">
<div class="loginsubmit fl">
<input type="button" value="注册" onclick="userreg()" class="btn">
</div>
<div class="clear"></div>
</div>
</form>
</div>
<div class="b1">已有账号
<a class="zcbtn" href="{:U('login?url='.base64_encode($url))}">立即登录</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
document.getElementById("login_form").submit=false;
</script>
<script type="text/javascript" src="__JS__/jquery.js"></script>
<script src="__JS__/logintips.js"></script>
<script type="text/javascript">
var InterValObj; //timer变量控制时间
var count = 90; //间隔函数1秒执行
var curCount;//当前剩余秒数
function Message(){
curCount = count;
var phone=$.trim($('#phone').val()),verify = $.trim($('#verify').val());
if(phone != ''){
if (phone.length<11) {showTooltips('mobile_input','手机号码不能少于11位数',1000);return false;}
if (verify == '' || verify.length != 4) {showTooltips('div_id_embed','验证码输入错误',1000);return false;}
//向后台发送处理数据
$.ajax({
type: "POST",
dataType: "json",
url: '{:U("forgetsafecode")}',
data:{phone:phone,verify:verify,vid:2},
error: function (XMLHttpRequest, textStatus, errorThrown) { },
success: function (data){
if (parseInt(data.status) == 1) {
$(".safecodebox").hide();
//设置button效果开始计时
$("#btnSendCode").attr("disabled", "true");
$("#btnSendCode").val("" + curCount + "秒后重发");
InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器1秒执行一次
} else {
showTooltips('mobile_input',data.msg,2000);
}
}
});
}else{
showTooltips('mobile_input','手机号码不能为空!',1000);
}
}
$(".surebtn").click(function(){
Message();
});
$(".closebtn").click(function(){
$(".safecodebox").hide();
});
function sendMessage() {
var phone = $.trim(document.getElementById('phone').value);
if (phone == '' || !(/^1[3458][0-9]{9}$/.test(phone))) {
showTooltips('mobile_input','请输入正确的手机号码',1000);return false;
}
$.ajax({
type:'POST',
url:'{:U("checkAccount")}',
data:{'account':phone},
dataType:"Json",
success:function(data){
if(parseInt(data.status) == 1){
showTooltips('mobile_input','该手机号码尚未经过验证',1000);
return false;
}else{
$('.safecodebox').show().find('img').attr('src','{:U("verify?vid=2")}').on('click',function() {
$(this).attr('src','{:U("verify?vid=2")}');
});
}
}
});
}
//timer处理函数
function SetRemainTime() {
if (curCount == 0) {
window.clearInterval(InterValObj);//停止计时器
$("#btnSendCode").removeAttr("disabled");//启用按钮
$("#btnSendCode").val("重新发送验证码");
} else {
curCount--;
$("#btnSendCode").val("" + curCount + "秒后重发");
}
}
</script>
<script type="text/javascript">
function ispone(tel){
var reg = /^0?1[3|4|5|8][0-9]\d{8}$/;
if (reg.test(tel)) {
return true;
}else{
return false;
};
}
function __changeUserName(of){
var username=$('#'+of).val();
if(of=='email'){
if (username.search(/^[w.+-]+@[w.+-]+$/) == -1) {
showTooltips('email_input','请输入正确的Email地址',1000);
return;
}
}else{
if(username=='' || !isMobilePhone(username)) {
showTooltips('mobile_input','请输入正确的手机号码',1000);
return;
}
}
}
$("#phone").focus(function(){
$(this).val("","")
});
$("#safecode").focus(function(){
$(this).val("","")
});
$("#verify").focus(function(){
$(this).val("","")
});
function checkMobilePhone(telphone) {
if(telphone=='' || !isMobilePhone(telphone)) {
showTooltips('mobile_input','请输入正确的手机号码',1000);
}else{
hideTooltips('mobile_input');
}
}
function userreg(){
var safecode = $.trim($('#safecode').val()),password=$.trim($('#password').val());
if (safecode == '' || safecode.length != 6) {showTooltips('safecode','短信验证码输入错误',1000);return false;}
if (password == '') {showTooltips('safecode','密码输入错误',1000);return false;}
$.post("{:U('forget')}",$('#login_form').serialize(),function(data){
if (parseInt(data.status) == 1) {
var url=$.trim($('#login_form').data('url'));
if (url) {
window.location.href = '__CONTROLLER__/login/url/'+url;
} else {
window.location.href = '{:U("login")}';
}
} else {
showTooltips('login_form',data.msg,2000);
}
},'json');
}
</script>
</block>