2 Star 1 Fork 2

徐子玉 / 品贷网

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
forgetPassword.html 11.04 KB
一键复制 编辑 原始数据 按行查看 历史
徐子玉 提交于 2017-07-05 11:21 . + pdw
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
Remove this if you use the .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>品代网 —— 找回密码</title>
<meta name="description" content="">
<meta name="author" content="Administrator">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="stylesheet" href="css/login.css" />
<link rel="stylesheet" href="css/register_1.css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/json2.js"></script>
</head>
<body>
<div class="regist_header clearfix">
<div class="wrap1200">
<!-- logo -->
<div class="hear_logo">
<a class="logo" href="index.php"><img src="images/head/logooo.jpg" /></a>
<div class="regist_header_right clearfix">
<p>欢迎光临品代网! <a href="register.html" class="login">新用户注册</a> </p>
</div>
</div>
<!-- 找回密码 -->
<div class="findPassword">
<div class="regist_main" style="height: 450px">
<!-- <div class="findPasswordbox"> -->
<div class="findPasswordtil">找回密码</div>
<div class="regist_left" style="margin-top:5px">
<img src="images/public/biaoyu.png" />
</div>
<div class="regist_form " style="margin-left: 300px;max-height: 300px">
<form method="post" id="signup_form">
<input type="hidden" name="user[return_url]" value="" id="cp_signup"/>
<div class="regOne">
<!--手机号码 -->
<div class="reg_tab clearfix">
<input id="phoneNumber" class="bd_tel" name="phoneNumber" type="text" onfocus="if(this.value == '请填写手机号码'){this.value = ''}" onblur="if(this.value == ''){this.value = '请填写手机号码'}" value="请填写手机号码">
<!-- <input type="hidden" id="ipt_hide"> -->
</div>
<!-- 短信验证码 -->
<div class="reg_tab clearfix">
<input type="text" id="text_code" class="bd_yzm" name="user[text_code]" onfocus="if(this.value == '短信验证码'){this.value = ''}" onblur="if(this.value == ''){this.value = '短信验证码'}" value="短信验证码" >
<span class="bd_yzmCk" id="getcode">获取验证码</span>
<!-- <div class="f_l regPrompt regPrTime">如果您在<b>120</b>秒内未收到验证码短信,请再次点击“获取验证码”</div> -->
</div>
<!--密码-->
<div class="reg_tab clearfix">
<input type="text" name="password" id="password1" class="bd_ps" value="请设置密码">
<input type="password" name="user[password]" id="PassWord" class="bd_ck">
</div>
<div class="bd_yzMask" style="display: none;">
<div class="bd_yzMask_box">
<div class="maskClear"></div>
<div class="bd_yzMask_contain">
<div class="bd_yzMask_left">
<img src="" />
<p>看不清楚,换一张图片</p>
</div>
<input class="bd_yzMask_input" />
<div class="bd_yzMask_btn">确定</div>
</div>
</div>
</div>
<!--密码重复-->
<div class="reg_tab clearfix">
<input type="password" name="confirm_password" id="confirm_password" class="bd_ck">
<input type="text" name="txt_confirm_password" id="txt_confirm_password" class="bd_ps" value="请重复输入密码">
</div>
</div>
<div id="regOneBtn" style="cursor: pointer;" class="btn">保存新密码</div>
</form>
</div>
<!-- </div> -->
</div>
</div>
<!-- 版权 -->
<div id="simplefooter">
<p>沪ICP备15036569号-1</p>
<p>Copyright &nbsp; 品代网 2015 ,All Rights Reserved</p>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('.maskClear').click(function() {
$('.bd_yzMask').hide();
});
// 手机号码验证
jQuery.validator.addMethod("isMobile", function(value, element) {
var length = value.length;
return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value));
}, "请正确填写您的手机号码");
var telephoneCode = $("#phoneNumber").html();
//手机号是否正确验证
$("#phoneNumber").bind("blur",function(){
var phone = $("#phoneNumber");
if(phone.val()==""){
alert("请填写手机号!");
}
if(!phone.val().match(/^[1][358][0-9]{9}$/)){
alert("手机号码不正确!请重新输入");
$("#shouji").unbind("focus"); // 添加这行,在focus()之前先把绑定的 focus 处理事件去掉
$("#shouji").focus();
}
});
$('.bd_yzMask_left').on('click',function(){
$('.bd_yzMask_left img').attr('src',"secoder.php?n="+new Date().getTime());
});
$('.bd_yzMask_btn').on('click',function(){
if($('.bd_yzMask_input').val()!=""){
$('.bd_yzMask').hide();
//$('.error').hide();
if ($('.bd_tel').val() != '请填写手机号码') {
$.ajax({
type: "post",
url: "api.php?act=MsgCodeV2",
async: true,
data: {
phoneNumber: $('.bd_tel').val(),
inputCode:$('.bd_yzMask_input').val()
},
success: function(result) {
if (result == 'success') {
// $('.bd_yzMask_left img').attr('src',"secoder.php?n="+new Date().getTime());
// $('.bd_yzMask').show();
$("#getcode").css({background:'#c3c3c3', cursor: 'default'});
$('#getcode').addClass('default');
$(".regPrTime").show();
//$('.error').hide();
if($('.bd_tel').val() != '请填写手机号码'){
//倒计时
var setl = setInterval(function(){
var int = parseInt($(".regPrTime b").html());
if(int-1 <=0){
$(".regPrTime b").html('120').parent().hide();
clearInterval(setl);
$("#getcode").css({background:'#ababab', cursor: 'pointer'});
$('#getcode').removeClass('default');
}else{
$(".regPrTime b").html(int-1);
}
}, 1000);
// $.post('api.php?act=MsgCode', {phoneNumber : $('.bd_tel').val()}, function(data){
//// $('#text_code').val(data);
// });
}
}
else if (result == "codeFailed"){
alert("请输入正确的图形验证码!");
}
else {
alert(result);
}
}
});
}
}
else{
alert("请输入图形验证码");
}
});
$( "#signup_form" ).validate({
rules: {
//手机号码
"phoneNumber": {
required: true,
digits:true
},
//手机验证码
"user[text_code]":{
required: true,
digits:true
},
// 密码
"user[password]": {
required: true,
minlength: 6,
maxlength: 15
},
//确认密码
"confirm_password": {
required: true,
minlength: 6,
maxlength: 15,
equalTo: "#PassWord"
},
},
messages: {
//手机号错误提示信息
"phoneNumber": {
required: "请填写手机号",
digits: "请正确填写手机号码"
},
//验证码错误提示信息
"user[text_code]":{
required: "请填写验证码",
digits: "验证码错误"
},
//密码错误提示信息
"user[password]": {
required: "请填写6-15位密码",
minlength: "不能少于6个字符",
maxlength: "不能多于15个字符"
},
// 确认密码 错误提示信息
"confirm_password": {
required: "请重复密码",
minlength: "不能少于6个字符",
maxlength: "不能多于15个字符",
equalTo:"两次密码不一致"
},
},
errorPlacement: function(error, element) { //指定错误信息位置
if (element.is(':radio') || element.is(':checkbox')) { //如果是radio或checkbox
var eid = element.attr('name'); //获取元素的name属性
error.appendTo(element.parent()); //将错误信息添加当前元素的父结点后面($("div[name='msg']")
} else {
error.insertAfter(element);
}
}
});
//密码输入框获取焦点变化效果
$(".regist_form .reg_tab input").focus(function(){
$(this).addClass("reg_inputbor");
if($(this).attr("name") != "mcode"){
if($(this).hasClass("bd_ps")){
$(this).hide();
$(this).siblings(".bd_ck").show().focus();
}
}
});
$(".regist_form .reg_tab input").blur(function(){
if($(this).attr("name") != "mcode"){
if($(this).hasClass("bd_ck")){
if($.trim($(this).val())==''){
$(this).hide().val("");
$(this).siblings(".bd_ps").show();
}
}
}
$(this).removeClass("reg_inputbor");
});
var register = function () {
this.phoneNumber = "";
this.passWord = "";
this.province = 0;
this.provinceName = "";
this.city = 0;
this.cityName = "";
this.district = 0;
this.districtName = "";
};
$('#regOneBtn').click(function(){
var phoneNumber= $('#phoneNumber').val();
var PassWord = $('#PassWord').val();
var newPassword = $('#confirm_password').val();
var code = $('#text_code').val();
if(phoneNumber == "" || phoneNumber == '请填写手机号码'){
alert("请填写手机号码");
}
else if(code == "" || code == '短信验证码'){
alert("请填写验证码");
}
else if(PassWord == "" || PassWord == '请设置密码' || PassWord == '请重复输入密码'){
alert("请填写密码");
}
else{
$.post("api.php?act=resetPassword", {
phoneNumber: phoneNumber,
code: code,
newPassword : newPassword
}, function(data){
if(data == "success")
{
alert("密码修改成功!");
window.location.href = "login.html";
}
else
{
alert(data);
}
});
}
});
$('#getcode').on('click',function(){
var phone = $("#phoneNumber");
if(phone.val()==""){
alert("请填写手机号!");
return;
}
if(!phone.val().match(/^[1][358][0-9]{9}$/)){
alert("手机号码不正确!请重新输入");
$("#shouji").unbind("focus"); // 添加这行,在focus()之前先把绑定的 focus 处理事件去掉
$("#shouji").focus();
return;
}
$('.bd_yzMask_left img').attr('src',"secoder.php?n="+new Date().getTime());
$('.bd_yzMask').show();
});
$('.bd_tel').keyup(function(){
var patrn = /0?(13|14|15|18|17)[0-9]{9}/;
if(patrn.test($('.bd_tel').val()) && $('.error').text() != '该手机号已存在'){
$("#getcode").css({background:'#ababab', cursor: 'pointer'});
$("input[name='user[text_code]']")[0].focus();
$('#getcode').removeClass('default');
return;
}
else{
$("#getcode").css({background:'#e3e3e3', cursor: 'default'});
}
});
});
</script>
</div>
</body>
</html>
1
https://gitee.com/xuqipeter/pdw.git
git@gitee.com:xuqipeter/pdw.git
xuqipeter
pdw
品贷网
master

搜索帮助