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.

342 lines
14 KiB
Plaintext

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="forgetPassword.aspx.cs" Inherits="web.Web.Site.forgetPassword" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
<title>忘记密码</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<!-- CSS -->
<link rel="stylesheet" href="css/owl.carousel.css" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/font-awesome.min.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/ionicons.min.css" />
<link rel="stylesheet" href="css/animate.css" />
<link rel="stylesheet" href="css/responsive.css" />
<link href="//cdn.bootcss.com/bootstrap-validator/0.5.3/css/bootstrapValidator.min.css" rel="stylesheet" />
<!-- Js -->
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
<script src="js/vendor/jquery-1.10.2.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/min/waypoints.min.js"></script>
<script src="js/jquery.counterup.js"></script>
<script src="//cdn.bootcss.com/bootstrap-validator/0.5.3/js/bootstrapValidator.min.js"></script>
<script src="js/main.js"></script>
<script>
$(function () {
$("#fbtnSubmit").click(function () {
var phone = $("#ftxtPhone").val();
var pwd = $("#ftxtPwd").val();
var pwd2 = $("#ftxtPwd2").val();
var vcode = $("#ftxtVCode").val();
var username = $("#fusername").val();
var formData = new FormData();
formData.append('action', 'forgot');
formData.append('phone', phone);
formData.append('pwd', pwd);
formData.append('pwd2', pwd2);
formData.append('vcode', vcode);
formData.append('username', username);
$.ajax({
url: 'index.aspx',
type: 'post',
data: formData,
processData: false,
contentType: false,
async: true,
success: function (data) {
if (data == '更改成功') {
$("#loginusername").val(username);
$("#loginpwd").val(pwd);
alert("更改成功,请重新登陆!");
$("#ftxtPhone").val('');
$("#ftxtPwd").val('');
$("#ftxtPwd2").val('');
$("#ftxtVCode").val('');
$("#username").val('');
$('#forgotModal').modal('hide');
} else {
alert(data);
}
},
error: function () {
alert("操作失败!");
}
})
})
$("#form2").bootstrapValidator({
message: 'This value is not valid',
// 定义未通过验证的状态图标
feedbackIcons: {/*输入框不同状态,显示图片的样式*/
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
// 字段验证
fields: {
// 手机号码
phone: {
validators: {
notEmpty: {
message: '手机号码不能为空'
},
stringlength: {
min: 11,
max: 11,
message: '请输入11位手机号码'
},
regexp: {
regexp: /^1[3|4|5|6|7|8|9]{1}[0-9]{9}$/,
message: '请输入正确的手机号码'
}
}
},
// 密码
pwd: {
message: '密码非法',
validators: {
notEmpty: {
message: '密码不能为空'
},
// 限制字符串长度
stringLength: {
min: 3,
max: 20,
message: '密码长度必须位于3到20之间'
},
// 相同性检测
identical: {
// 需要验证的field
field: 'pwd2',
message: '两次密码输入不一致'
},
// 基于正则表达是的验证
regexp: {
regexp: /^[a-zA-Z0-9_\.]+$/,
message: '密码由数字字母下划线和.组成'
}
}
},
// 确认密码
pwd2: {
message: '密码非法',
validators: {
notEmpty: {
message: '密码不能为空'
},
// 限制字符串长度
stringLength: {
min: 3,
max: 20,
message: '密码长度必须位于3到20之间'
},
// 相同性检测
identical: {
// 需要验证的field
field: 'pwd',
message: '两次密码输入不一致'
},
// 基于正则表达是的验证
regexp: {
regexp: /^[a-zA-Z0-9_\.]+$/,
message: '密码由数字字母下划线和.组成'
}
}
},
//用户名
username: {
validators: {
notEmpty: {
message: '用户名不能为空'
}, stringLength: {
min: 4,
max: 10,
message: '用户名长度必须位于4到10之间'
}
},
// 基于正则表达是的验证
regexp: {
regexp: /^[a-zA-Z0-9]+$/,
message: '用户名由数字字母下划线和.组成'
}
}
}
})
})
//倒计时
var countdown = 60;
function getCode(val) {
$("#form1").bootstrapValidator('validate');//提交验证
if ($("#form1").data('bootstrapValidator').isValid()) {//获取验证结果,如果成功,执行下面代码
var formData = new FormData();
var phone = $("#txtPhone").val();
formData.append('action', 'code');
formData.append('phone', phone);
$.ajax({
url: 'index.aspx',
type: 'post',
data: formData,
processData: false,
contentType: false,
async: true,
success: function (data) {
alert(data);
},
error: function () {
alert("操作失败!");
}
})
settime(val);
} else {
//alert("请填写完整信息");
}
}
function getCodef(val) {
$("#form2").bootstrapValidator('validate');//提交验证
if ($("#form2").data('bootstrapValidator').isValid()) {//获取验证结果,如果成功,执行下面代码
var formData = new FormData();
var phone = $("#ftxtPhone").val();
formData.append('action', 'code');
formData.append('phone', phone);
$.ajax({
url: 'index.aspx',
type: 'post',
data: formData,
processData: false,
contentType: false,
async: true,
success: function (data) {
alert(data);
},
error: function () {
alert("操作失败!");
}
})
settime(val);
} else {
//alert("请填写完整信息");
}
}
function settime(val) {
if (countdown == 0) {
val.removeAttribute("disabled");
val.innerHTML = "获取验证码";
countdown = 60;
return false;
} else {
val.setAttribute("disabled", true);
val.innerHTML = "重新发送(" + countdown + ")";
countdown--;
}
setTimeout(function () {
settime(val);
}, 1000);
}
function open_win(t) {
if (t == '0') {
window.open("http://www.myshipping.net/Web/Site/plugin.html", "_blank", "toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400")
} else if (t == '1') {
window.open("http://www.myshipping.net/Web/Site/doc.html", "_blank", "toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400")
}
}
///获取QuertString
function getQueryString(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
}
return null;
}
</script>
</head>
<body>
<div class="container">
<div class="page-header">
<h1>忘记密码</h1>
</div>
<form id="form2" class="form-horizontal">
<div class="form-group">
<label for="username" class="col-sm-2 control-label">用户名</label>
<div class="col-sm-10">
<input type="text" id="fusername" style="width: 95%" class="form-control" name="username"
placeholder="用户名" />
</div>
</div>
<div class="form-group">
<label for="phone" class="col-sm-2 control-label">手机号</label>
<div class="col-sm-10">
<input type="text" id="ftxtPhone" style="width: 95%" class="form-control" name="phone"
placeholder="手机号" />
</div>
</div>
<div class="form-group">
<label for="pwd" class="col-sm-2 control-label">新密码</label>
<div class="col-sm-10">
<input type="password" id="ftxtPwd" name="pwd" style="width: 95%" class="form-control"
placeholder="请输密码" />
</div>
</div>
<div class="form-group">
<label for="pwd2" class="col-sm-2 control-label">确认密码</label>
<div class="col-sm-10">
<input type="password" id="ftxtPwd2" name="pwd2" style="width: 95%" class="form-control"
placeholder="请输密码" />
</div>
</div>
<div class=" form-group">
<label for="vcode" class="col-sm-2 control-label">手机验证码</label>
<div class="col-sm-4">
<input type="text" name="vcode" style="width: 90%" id="ftxtVCode" class="form-control"
placeholder="验证码" />
</div>
<div class="col-sm-4">
<button type="button" onclick="getCodef(this);" class="btn btn-default">获取验证码</button>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-4">
<button type="button" id="fbtnSubmit" name="submit" class="btn btn-primary">修改密码</button>
</div>
</div>
</form>
</div>
</body>
</html>