153 lines
5.1 KiB
PHP
Executable File
153 lines
5.1 KiB
PHP
Executable File
<?php if (!defined('BASEPATH')) exit('No direct script access allowed');?>
|
||
<!doctype html>
|
||
<html>
|
||
<head>
|
||
<title>设置独立密码</title>
|
||
<meta charset="utf-8" />
|
||
<link rel="stylesheet" href="<?php echo base_url()?>statics/resources/v7/css/phone_validate.css" />
|
||
<script src="<?php echo base_url()?>statics/resources/v7/js/jquery.min.js"></script>
|
||
<script type="text/javascript" src="<?php echo base_url()?>statics/resources/v7/js/checkPassword.js"></script>
|
||
<script src="<?php echo base_url()?>statics/resources/v7/js/phone_validate.js?ver=201403201104"></script>
|
||
<style>
|
||
.tips{color: #eba434;border-color: #f5d193;box-shadow: 0 0 5px rgba(248,171,58,0.35);padding: 5px 30px 5px 10px;font-size: 12px;border: 1px solid #F5D4A0;border-radius: 2px;}
|
||
.tips a{margin: 0 5px;color: #eba434;font-weight: bolder;text-decoration: none;}
|
||
.mod-form{margin-top:10px;}
|
||
.mod-form li label{margin-bottom:5px;float:left; width:80px;height:32px; line-height:32px;}
|
||
.mod-form li span{display:inline-block;height:32px; line-height:32px;}
|
||
.mod-form li p{padding-left:80px;}
|
||
.wrapper{margin:0 auto;padding: 5px;width:420px;font-size:14px;}
|
||
.set-password .steps,.set-password .warning{padding:5px 0;}
|
||
.set-password .steps em{color:#eba434;font-weight: bold;}
|
||
.set-password .warning{margin-bottom: 10px;font-weight: bold;}
|
||
#btn-wrap .ui-btn{bottom: 5px;position: absolute;right: 10px;margin-left:5px;}
|
||
.tip{font-size: 12px;}
|
||
#success .tit{color:#689800;}
|
||
#success p{line-height:24px;}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="wrapper">
|
||
<div class="set-password">
|
||
<p class="steps"></p>
|
||
<p class="warning"></p>
|
||
<p class="set-result hide"></p>
|
||
<form action="" id="set-password-form">
|
||
<ul class="mod-form">
|
||
<li>
|
||
<label>用户名:</label>
|
||
<span id="user-name"><?php echo $username?></span>
|
||
</li>
|
||
<li>
|
||
<label for="real-name">真实姓名:</label>
|
||
<input type="text" class="ui-input" placeholder="请输入真实姓名" id="real-name" ></input>
|
||
</li>
|
||
<li>
|
||
<label for="phone">手机号码:</label>
|
||
<input type="text" class="ui-input" id="phone" value="<?php echo $mobile?>"></input>
|
||
</li>
|
||
|
||
<li>
|
||
<label for="password">密码:</label>
|
||
<input type="password" class="ui-input" placeholder="设置登录密码" id="password"/>
|
||
<p class="tip">长度8~20位，同时包含数字、字母（区分大小写），可使用特殊符号</p>
|
||
</li>
|
||
<li>
|
||
<label>确认密码:</label>
|
||
<input type="password" class="ui-input" placeholder="请再次输入密码" id="confirm-password" />
|
||
</li>
|
||
<li id="btn-wrap">
|
||
<button class="ui-btn" id = "cancel">取消</button>
|
||
<button class="ui-btn ui-btn-blue" type="submit">确定</button>
|
||
</li>
|
||
</ul>
|
||
</form>
|
||
</div>
|
||
<div class="success hide" id="success">
|
||
<h3 class="tit">恭喜您，帐号信息修改成功！</h3>
|
||
<p>您现在可以通过用户名(<span class="userName"></span>)或手机号(<span class="phone"></span>)登录使用！</p>
|
||
</div>
|
||
<iframe src="" frameborder="0" class="hide" id="update-iframe"></iframe>
|
||
</div>
|
||
|
||
<script type="text/javascript">
|
||
var PARAMS = getUrlParams();
|
||
var USERID = <?php echo $uid?>;
|
||
var realname = '<?php echo $name?>';
|
||
$(function(){
|
||
$('#real-name').val(realname);
|
||
initField();
|
||
initEvent();
|
||
});
|
||
|
||
function initField(){
|
||
PARAMS.warning ? $('.set-password .warning').html(PARAMS.warning) : $('.set-password .warning').remove();
|
||
PARAMS.loginPage && $('#success .login-page').html(PARAMS.loginPage);
|
||
}
|
||
|
||
function initEvent(){
|
||
$('#get-code').click(function(e){
|
||
e.preventDefault();
|
||
if($(this).data('sending') || $(this).hasClass('ui-btn-dis') || !checkPhone()){
|
||
return;
|
||
}
|
||
getActiveCode($(this));
|
||
countDown();
|
||
});
|
||
|
||
$('#real-name').blur(function(){
|
||
checkRealName();
|
||
});
|
||
|
||
$('#phone').blur(function(){
|
||
checkPhone();
|
||
});
|
||
|
||
//$('#active-code').blur(function(){
|
||
// checkActiveCode();
|
||
// });
|
||
|
||
$('#password').blur(function(){
|
||
checkPwd();
|
||
});
|
||
|
||
$('#confirm-password').blur(function(){
|
||
checkConfirmPwd();
|
||
});
|
||
|
||
$('#set-password-form').submit(function(){
|
||
var btn = $('#btn-wrap button'),
|
||
phone = $.trim($("#phone").val()),
|
||
userName = $.trim($("#user-name").html()),
|
||
realName = $.trim($('#real-name').val());
|
||
$('.set-result').hide().html('');
|
||
if(btn.data('sending') || !checkRealName() || !checkPhone() || !checkPwd() || !checkConfirmPwd()){
|
||
return false;
|
||
}
|
||
btn.html('处理中……');
|
||
btn.data('sending',true);
|
||
$.post('<?=site_url('home/set_password')?>',{
|
||
buyerId: USERID,
|
||
userType: 2,
|
||
buyerMobile: phone,
|
||
newPassword: $('#password').val(),
|
||
buyerName: encodeURIComponent(realName)
|
||
},function(data){
|
||
var data = jQuery.parseJSON(data);
|
||
if (data.status==200) {
|
||
$('.set-password').hide();
|
||
$('#success .phone').html(phone);
|
||
$('#success .userName').html(userName);
|
||
$('#success').show();
|
||
} else {
|
||
btn.html('确定');
|
||
btn.data('sending',false);
|
||
$('.set-result').html(data.msg).show();
|
||
}
|
||
});
|
||
return false;
|
||
});
|
||
$('#cancel').hide();
|
||
};
|
||
</script>
|
||
</body>
|
||
</html>
|