|
|
|
/*
|
|
|
|
* @description 注册页js
|
|
|
|
* @time 2015/12/14
|
|
|
|
*/
|
|
|
|
|
|
|
|
var $ = require('yoho-jquery'),
|
|
|
|
regValidate = require('../common/mail-phone-regx'),
|
|
|
|
computeComplex = require('../common/pwd-strength');
|
|
|
|
|
|
|
|
var $registerPage = $('.register-page'),
|
|
|
|
$pwdTips = $('#pwd-tips'),
|
|
|
|
$pwdTip1 = $pwdTips.find('#pwd-tip1'),
|
|
|
|
$errTip = $('#err-tip'),
|
|
|
|
$registerBtn = $('#register-btn'),
|
|
|
|
$countDown = $('#count-down'),
|
|
|
|
$successBtn = $('.success-btn'),
|
|
|
|
countDown = 5,
|
|
|
|
clearT;
|
|
|
|
|
|
|
|
var $sendCaptcha = $('#send-captcha'),
|
|
|
|
caCount = 4,
|
|
|
|
validateResult = [];
|
|
|
|
|
|
|
|
var $pn = $('#phone-num'),
|
|
|
|
$mc = $('#msg-captcha'),
|
|
|
|
$pwd = $('#pwd'),
|
|
|
|
$repwd = $('#repwd'),
|
|
|
|
$ca = $('#captcha'),
|
|
|
|
timeResidue = 0;
|
|
|
|
|
|
|
|
// 密码强度验证
|
|
|
|
var $pwdIntensity = $('.pwd-intensity'),
|
|
|
|
$pwdParent = $pwdIntensity.closest('.pwd-intensity-container');
|
|
|
|
|
|
|
|
// signup验证
|
|
|
|
var $region = $('#country-code'),
|
|
|
|
$regionSelect = $('#region');
|
|
|
|
|
|
|
|
var isPwd = false,
|
|
|
|
pwdVal;
|
|
|
|
|
|
|
|
var pwdReg = regValidate.pwdValidateRegx;
|
|
|
|
|
|
|
|
var $curErrContainer;
|
|
|
|
|
|
|
|
var oldPhone = ''; // 如果手机号改变时刷新验证码
|
|
|
|
|
|
|
|
require('yoho-jquery-placeholder');
|
|
|
|
|
|
|
|
setTimeout(function() {
|
|
|
|
$pn.val('');
|
|
|
|
$mc.val('');
|
|
|
|
$pwd.val('');
|
|
|
|
$repwd.val('');
|
|
|
|
$ca.val('');
|
|
|
|
}, 0);
|
|
|
|
|
|
|
|
// 验证码位数
|
|
|
|
$ca.attr('maxlength', caCount);
|
|
|
|
|
|
|
|
// 密码规则提示
|
|
|
|
$pwd.focus(function() {
|
|
|
|
$pwdTips.removeClass('hide');
|
|
|
|
isPwd = true;
|
|
|
|
pwdVal = $(this).val();
|
|
|
|
}).blur(function() {
|
|
|
|
$pwdTips.addClass('hide');
|
|
|
|
isPwd = false;
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
// IE8 placeholder
|
|
|
|
$('[placeholder]').placeholder();
|
|
|
|
|
|
|
|
// 存储校验信息
|
|
|
|
validateResult = [
|
|
|
|
{
|
|
|
|
id: 'phone-num',
|
|
|
|
message: '', // 错误信息
|
|
|
|
status: false // 当前的状态
|
|
|
|
},
|
|
|
|
{
|
|
|
|
id: 'captcha',
|
|
|
|
message: '',
|
|
|
|
status: false
|
|
|
|
},
|
|
|
|
{
|
|
|
|
id: 'msg-captcha',
|
|
|
|
message: '',
|
|
|
|
status: false
|
|
|
|
},
|
|
|
|
{
|
|
|
|
id: 'pwd',
|
|
|
|
message: '',
|
|
|
|
status: false
|
|
|
|
},
|
|
|
|
{
|
|
|
|
id: 'repwd',
|
|
|
|
message: '',
|
|
|
|
status: false
|
|
|
|
}
|
|
|
|
];
|
|
|
|
|
|
|
|
// 刷新图形验证码
|
|
|
|
function refreshPic() {
|
|
|
|
var time = new Date(),
|
|
|
|
$captchaImg = $('.captcha-img'),
|
|
|
|
captchaImgSrc = $captchaImg.attr('src').split('?')[0];
|
|
|
|
|
|
|
|
$captchaImg.attr('src', captchaImgSrc + '?t=' + time.getTime());
|
|
|
|
}
|
|
|
|
|
|
|
|
// 手机号ajax校验
|
|
|
|
function phoneAjaxFn(page, callback) {
|
|
|
|
var url,
|
|
|
|
data;
|
|
|
|
|
|
|
|
if (page === 'reg') {
|
|
|
|
url = '/passport/register/checkmobile';
|
|
|
|
data = {
|
|
|
|
mobile: $pn.val(),
|
|
|
|
area: $region.text().split('+')[1]
|
|
|
|
};
|
|
|
|
} else if (page === 'third') {
|
|
|
|
url = '/passport/autouserinfo/bindCheck';
|
|
|
|
data = {
|
|
|
|
mobile: $pn.val(),
|
|
|
|
area: $region.text().split('+')[1],
|
|
|
|
openId: $('#open-id').val(),
|
|
|
|
sourceType: $('#source-type').val()
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
validateResult[0].message = 'err';
|
|
|
|
validateResult[0].status = false;
|
|
|
|
|
|
|
|
$.ajax({
|
|
|
|
url: url,
|
|
|
|
type: 'POST',
|
|
|
|
data: data
|
|
|
|
}).then(function(res) {
|
|
|
|
if (!res) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
switch (res.code) {
|
|
|
|
case 200:
|
|
|
|
|
|
|
|
if ($pn.val() !== oldPhone && oldPhone !== '') {
|
|
|
|
|
|
|
|
// 如果手机号发生改变则刷新验证码并且更新状态
|
|
|
|
refreshPic();
|
|
|
|
$sendCaptcha.addClass('disable').attr('disabled', 'disabled');
|
|
|
|
validateResult[1].message = '图形验证码错误';
|
|
|
|
validateResult[1].status = false;
|
|
|
|
}
|
|
|
|
|
|
|
|
oldPhone = $pn.val();
|
|
|
|
|
|
|
|
validateResult[0].message = '';
|
|
|
|
validateResult[0].status = true;
|
|
|
|
break;
|
|
|
|
case 400:
|
|
|
|
refreshPic();
|
|
|
|
validateResult[0].message = res.message;
|
|
|
|
validateResult[0].status = false;
|
|
|
|
break;
|
|
|
|
default:
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
|
|
|
|
callback();
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
// 图形验证码ajax校验
|
|
|
|
function picCaptchaAjaxFn(page, callback) {
|
|
|
|
var url;
|
|
|
|
|
|
|
|
if (page === 'reg') {
|
|
|
|
url = '/passport/register/piccaptcha';
|
|
|
|
} else if (page === 'third') {
|
|
|
|
url = '/passport/autouserinfo/checkPicCode';
|
|
|
|
}
|
|
|
|
$.ajax({
|
|
|
|
type: 'POST',
|
|
|
|
url: url,
|
|
|
|
data: {
|
|
|
|
verifyCode: $ca.val()
|
|
|
|
|
|
|
|
// mobile: $pn.val(),
|
|
|
|
// area: $region.text().split('+')[1]
|
|
|
|
}
|
|
|
|
}).then(function(data) {
|
|
|
|
if (!data) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
switch (data.code) {
|
|
|
|
case 200:
|
|
|
|
validateResult[1].message = '';
|
|
|
|
validateResult[1].status = true;
|
|
|
|
break;
|
|
|
|
case 400:
|
|
|
|
refreshPic();
|
|
|
|
validateResult[1].message = '图形验证码错误';
|
|
|
|
validateResult[1].status = false;
|
|
|
|
break;
|
|
|
|
default:
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
callback();
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
// 短信验证码ajax校验
|
|
|
|
function msgCaptchaAjaxFn(page, callback) {
|
|
|
|
var url;
|
|
|
|
|
|
|
|
if (page === 'reg') {
|
|
|
|
url = '/passport/register/msgcaptcha';
|
|
|
|
} else if (page === 'third') {
|
|
|
|
url = '/passport/autouserinfo/checkBindMsg';
|
|
|
|
}
|
|
|
|
$.ajax({
|
|
|
|
type: 'POST',
|
|
|
|
url: url,
|
|
|
|
data: {
|
|
|
|
code: $mc.val(),
|
|
|
|
mobile: $pn.val(),
|
|
|
|
area: $region.text().split('+')[1]
|
|
|
|
}
|
|
|
|
}).then(function(data) {
|
|
|
|
if (!data) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
switch (data.code) {
|
|
|
|
case 200:
|
|
|
|
validateResult[2].message = '';
|
|
|
|
validateResult[2].status = true;
|
|
|
|
break;
|
|
|
|
case 400:
|
|
|
|
validateResult[2].message = '短信验证码错误';
|
|
|
|
validateResult[2].status = false;
|
|
|
|
break;
|
|
|
|
default:
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
|
|
|
|
callback();
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
// 验证
|
|
|
|
function validateRule(page, $element, callback) {
|
|
|
|
|
|
|
|
var val = $.trim($element.val()),
|
|
|
|
regionCode;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 根据需求http://redmine.yoho.cn/issues/3117改成上边的正则
|
|
|
|
// 对应的错误提示语也改了，感觉要不了多久就会改回来
|
|
|
|
// pwdReg = /^([a-zA-Z0-9\-\+_!@\#$%\^&\*\(\)\:\;\.=\[\]\\\',\?]){6,20}$/gi;
|
|
|
|
|
|
|
|
// 手机号校验
|
|
|
|
if ($element.hasClass('phone-num')) {
|
|
|
|
|
|
|
|
regionCode = $region.text();
|
|
|
|
|
|
|
|
|
|
|
|
if (val === '') {
|
|
|
|
validateResult[0].message = '请输入手机号码';
|
|
|
|
validateResult[0].status = false;
|
|
|
|
return callback();
|
|
|
|
|
|
|
|
} else {
|
|
|
|
if (!/^[0-9]+$/.test(val) ||
|
|
|
|
(regionCode === '+86' && !regValidate.phoneRegx[regionCode].test(val))) {
|
|
|
|
validateResult[0].message = '手机号码格式不正确,请重新输入';
|
|
|
|
validateResult[0].status = false;
|
|
|
|
return callback();
|
|
|
|
} else {
|
|
|
|
phoneAjaxFn(page, callback);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// 图形验证码校验
|
|
|
|
} else if ($element.hasClass('captcha')) {
|
|
|
|
if (val === '') {
|
|
|
|
validateResult[1].message = '请输入图形验证码';
|
|
|
|
validateResult[1].status = false;
|
|
|
|
return callback();
|
|
|
|
|
|
|
|
} else if (val.length <= 3) {
|
|
|
|
validateResult[1].message = '图形验证码为4位';
|
|
|
|
validateResult[1].status = false;
|
|
|
|
return callback();
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
// 并且手机号正确
|
|
|
|
if (validateResult[0].status) {
|
|
|
|
picCaptchaAjaxFn(page, callback);
|
|
|
|
} else {
|
|
|
|
validateResult[1].message = '图形验证码错误';
|
|
|
|
validateResult[1].status = false;
|
|
|
|
return callback();
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
// 短信验证码校验
|
|
|
|
} else if ($element.hasClass('msg-captcha')) {
|
|
|
|
|
|
|
|
if (val === '') {
|
|
|
|
validateResult[2].message = '请输入短信验证码';
|
|
|
|
validateResult[2].status = false;
|
|
|
|
return callback();
|
|
|
|
|
|
|
|
} else if (val.length <= 3) {
|
|
|
|
validateResult[2].message = '短信验证码错误';
|
|
|
|
validateResult[2].status = false;
|
|
|
|
return callback();
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
// 并且图形验证码正确
|
|
|
|
if (validateResult[1].status) {
|
|
|
|
msgCaptchaAjaxFn(page, callback);
|
|
|
|
} else {
|
|
|
|
validateResult[2].message = '短信验证码错误';
|
|
|
|
validateResult[2].status = false;
|
|
|
|
return callback();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// 密码校验
|
|
|
|
} else if ($element.hasClass('pwd')) {
|
|
|
|
if (val === '') {
|
|
|
|
validateResult[3].message = '请输入密码';
|
|
|
|
validateResult[3].status = false;
|
|
|
|
|
|
|
|
} else if (val.length < 6 || val.length > 20) {
|
|
|
|
validateResult[3].message = '密码只支持6-20位字符';
|
|
|
|
validateResult[3].status = false;
|
|
|
|
|
|
|
|
} else if (!pwdReg.test($element.val())) {
|
|
|
|
validateResult[3].message = '密码须字母和数字组合';
|
|
|
|
validateResult[3].status = false;
|
|
|
|
|
|
|
|
} else {
|
|
|
|
validateResult[3].message = '';
|
|
|
|
validateResult[3].status = true;
|
|
|
|
}
|
|
|
|
return callback();
|
|
|
|
|
|
|
|
// 二次密码校验
|
|
|
|
} else if ($element.hasClass('repwd')) {
|
|
|
|
if (val === '') {
|
|
|
|
validateResult[4].message = '请输入密码确认';
|
|
|
|
validateResult[4].status = false;
|
|
|
|
|
|
|
|
} else if ($pwd.val() !== val) {
|
|
|
|
validateResult[4].message = '与密码不一致,请重新输入';
|
|
|
|
validateResult[4].status = false;
|
|
|
|
|
|
|
|
} else {
|
|
|
|
validateResult[4].message = '';
|
|
|
|
validateResult[4].status = true;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
return callback();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function posErrTip() {
|
|
|
|
var tipPos = $curErrContainer.offset();
|
|
|
|
|
|
|
|
return $errTip.css({
|
|
|
|
top: tipPos.top - 40,
|
|
|
|
left: tipPos.left
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
// 显示提示信息
|
|
|
|
function showErrTip() {
|
|
|
|
|
|
|
|
var show = false,
|
|
|
|
i,
|
|
|
|
validateResultLen = validateResult.length;
|
|
|
|
|
|
|
|
for (i = 0; i < validateResultLen; i++) {
|
|
|
|
if (!show) {
|
|
|
|
|
|
|
|
// 不可以通过status判断
|
|
|
|
if (!!validateResult[i].message && validateResult[i].message !== 'err') {
|
|
|
|
|
|
|
|
// 显示错误提示
|
|
|
|
$errTip.find('span').text(validateResult[i].message);
|
|
|
|
$curErrContainer = $('#' + validateResult[i].id);
|
|
|
|
posErrTip().removeClass('hide');
|
|
|
|
|
|
|
|
show = true; // 停止判断
|
|
|
|
} else {
|
|
|
|
$errTip.addClass('hide');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// 显示红色边框
|
|
|
|
function showBorder() {
|
|
|
|
|
|
|
|
var $errInput,
|
|
|
|
i,
|
|
|
|
validateResultLen = validateResult.length;
|
|
|
|
|
|
|
|
for (i = 0; i < validateResultLen; i++) {
|
|
|
|
if (validateResult[i].message) {
|
|
|
|
|
|
|
|
// 显示红色边框
|
|
|
|
$errInput = $('#' + validateResult[i].id);
|
|
|
|
$errInput.addClass('error');
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
// 去掉红色边框
|
|
|
|
$errInput = $('#' + validateResult[i].id);
|
|
|
|
$errInput.removeClass('error');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// 密码强度验证
|
|
|
|
function pwdFn($obj) {
|
|
|
|
var pwd = $obj.val(),
|
|
|
|
pwdStrength = computeComplex(pwd),
|
|
|
|
level = 0;
|
|
|
|
|
|
|
|
if (pwdStrength === 0) {
|
|
|
|
level = 0;
|
|
|
|
} else if (pwdStrength <= 10) {
|
|
|
|
level = 1;
|
|
|
|
} else if (pwdStrength <= 20) {
|
|
|
|
level = 2;
|
|
|
|
} else {
|
|
|
|
level = 3;
|
|
|
|
}
|
|
|
|
|
|
|
|
switch (level) {
|
|
|
|
case 0:
|
|
|
|
$pwdParent.removeClass('red yellow green');
|
|
|
|
$pwdIntensity.removeClass('color');
|
|
|
|
break;
|
|
|
|
case 1:
|
|
|
|
$pwdParent.addClass('red').removeClass('yellow green');
|
|
|
|
$pwdIntensity.filter('.low').addClass('color');
|
|
|
|
$pwdIntensity.filter('.mid,.high').removeClass('color');
|
|
|
|
break;
|
|
|
|
case 2:
|
|
|
|
$pwdParent.addClass('yellow').removeClass('red green');
|
|
|
|
$pwdIntensity.filter('.low,.mid').addClass('color');
|
|
|
|
$pwdIntensity.filter('.high').removeClass('color');
|
|
|
|
break;
|
|
|
|
case 3:
|
|
|
|
$pwdParent.addClass('green').removeClass('yellow red');
|
|
|
|
$pwdIntensity.addClass('color');
|
|
|
|
break;
|
|
|
|
default:
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
|
|
|
|
// 提示框
|
|
|
|
if (pwd === '') {
|
|
|
|
$pwdTip1.removeClass('red yes no').addClass('default');
|
|
|
|
} else if (pwd.length < 6 || pwd.length > 20) {
|
|
|
|
$pwdTip1.removeClass('default yes').addClass('no red');
|
|
|
|
} else {
|
|
|
|
$pwdTip1.removeClass('default no red').addClass('yes');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// 重新定位错误提示
|
|
|
|
$(window).resize(function() {
|
|
|
|
if ($errTip.hasClass('hide')) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
posErrTip();
|
|
|
|
});
|
|
|
|
|
|
|
|
// 失去焦点时开始校验
|
|
|
|
// Tips: 不可以在获得焦点的时候验证，获得焦点和失去焦点的间隔太小，如果中间存在ajax校验的话会出现问题
|
|
|
|
// ( ▼-▼ )注册页和信息完善页面接口不同
|
|
|
|
exports.init = function(page) {
|
|
|
|
|
|
|
|
$('#agree-terms').click(function() {
|
|
|
|
|
|
|
|
var $this = $(this),
|
|
|
|
i,
|
|
|
|
passI = 0;
|
|
|
|
|
|
|
|
if ($this.attr('notchecked')) {
|
|
|
|
|
|
|
|
$this.removeAttr('notchecked');
|
|
|
|
|
|
|
|
// 勾选
|
|
|
|
for (i = 0; i < validateResult.length; i++) {
|
|
|
|
if (validateResult[i].status) {
|
|
|
|
passI++;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (passI === 4) {
|
|
|
|
$registerBtn.removeClass('disable').removeAttr('disabled');
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
|
|
|
|
// 取消勾选
|
|
|
|
$registerBtn.addClass('disable').attr('disabled', 'disabled');
|
|
|
|
$this.attr('notchecked', 'notchecked');
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
// 按回车键提交
|
|
|
|
$registerPage.on('keydown', function(e) {
|
|
|
|
var key = e.which;
|
|
|
|
|
|
|
|
if (key === 13) {
|
|
|
|
$registerBtn.click();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
$registerPage.find('.va').keyup(function() {
|
|
|
|
|
|
|
|
var j,
|
|
|
|
statusLen = 0,
|
|
|
|
vLen = validateResult.length,
|
|
|
|
$that = $(this);
|
|
|
|
|
|
|
|
validateRule(page, $(this), function() {
|
|
|
|
showErrTip(); // 显示错误提示
|
|
|
|
showBorder(); // 显示红色边框
|
|
|
|
|
|
|
|
// 如果validateResult中有4个status为true表示验证通过
|
|
|
|
for (j = 0; j < vLen; j++) {
|
|
|
|
|
|
|
|
if (validateResult[j].status) {
|
|
|
|
|
|
|
|
statusLen++;
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if (statusLen === 4 && !$('#agree-terms').attr('notchecked')) {
|
|
|
|
$registerBtn.removeClass('disable').removeAttr('disabled');
|
|
|
|
} else {
|
|
|
|
$registerBtn.addClass('disable').attr('disabled', 'disabled');
|
|
|
|
}
|
|
|
|
|
|
|
|
// 图形验证通过时，发送短信按钮可点击
|
|
|
|
if (validateResult[1].status && timeResidue <= 0) {
|
|
|
|
$sendCaptcha.removeClass('disable').removeAttr('disabled');
|
|
|
|
} else {
|
|
|
|
$sendCaptcha.addClass('disable').attr('disabled', 'disabled');
|
|
|
|
}
|
|
|
|
|
|
|
|
// 图形验证通过时，发送短信按钮可点击 end
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
// 如果是密码则校验强度
|
|
|
|
if (($that).hasClass('pwd')) {
|
|
|
|
pwdFn($that);
|
|
|
|
}
|
|
|
|
|
|
|
|
}).blur(function() {
|
|
|
|
|
|
|
|
/* validateRule($(this), function() {
|
|
|
|
showErrTip();
|
|
|
|
showBorder(); // 显示红色边框
|
|
|
|
});*/
|
|
|
|
});
|
|
|
|
|
|
|
|
$regionSelect.change(function() {
|
|
|
|
|
|
|
|
$region.text($('#region').val());
|
|
|
|
|
|
|
|
validateRule(page, $pn, showErrTip); // 验证
|
|
|
|
});
|
|
|
|
|
|
|
|
// 点击发送验证码
|
|
|
|
$sendCaptcha.click(function() {
|
|
|
|
var t,
|
|
|
|
url;
|
|
|
|
|
|
|
|
if ($(this).hasClass('disable')) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
timeResidue = 60;
|
|
|
|
|
|
|
|
$('#msg-tip').removeClass('hide');
|
|
|
|
|
|
|
|
$sendCaptcha.addClass('disable').attr('disabled', 'disabled');
|
|
|
|
$sendCaptcha.val('60秒可重新发送');
|
|
|
|
|
|
|
|
t = setInterval(function() {
|
|
|
|
if (timeResidue <= 0) {
|
|
|
|
$sendCaptcha.removeClass('disable').removeAttr('disabled').val('获取短信验证码');
|
|
|
|
clearInterval(t);
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
$sendCaptcha.val(timeResidue-- + '秒可重新发送');
|
|
|
|
}, 1000);
|
|
|
|
|
|
|
|
if (page === 'reg') {
|
|
|
|
url = '/passport/register/sendBindMsg';
|
|
|
|
} else if (page === 'third') {
|
|
|
|
url = '/passport/autouserinfo/sendBindMsg';
|
|
|
|
}
|
|
|
|
|
|
|
|
// todo ajax 发送验证码
|
|
|
|
$.ajax({
|
|
|
|
type: 'POST',
|
|
|
|
url: url,
|
|
|
|
data: {
|
|
|
|
area: $region.text().split('+')[1],
|
|
|
|
mobile: $pn.val(),
|
|
|
|
verifyCode: $ca.val()
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
// 防止粘贴密码
|
|
|
|
if ($('.success-box').length <= 0) {
|
|
|
|
$pwd[0].onpaste = function() {
|
|
|
|
return false;
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
// ajax表单提交
|
|
|
|
$registerBtn.click(function() {
|
|
|
|
var url;
|
|
|
|
|
|
|
|
if (page === 'reg') {
|
|
|
|
url = '/passport/register/mobileregister';
|
|
|
|
} else if (page === 'third') {
|
|
|
|
url = '/passport/autouserinfo/bindMobile';
|
|
|
|
}
|
|
|
|
|
|
|
|
if ($(this).hasClass('disable')) {
|
|
|
|
return;
|
|
|
|
} else {
|
|
|
|
|
|
|
|
// ajax提交
|
|
|
|
$.ajax({
|
|
|
|
type: 'POST',
|
|
|
|
url: url,
|
|
|
|
data: {
|
|
|
|
area: $region.text().split('+')[1],
|
|
|
|
mobile: $pn.val(),
|
|
|
|
verifyCode: $ca.val(),
|
|
|
|
code: $mc.val(),
|
|
|
|
password: $pwd.val()
|
|
|
|
}
|
|
|
|
}).then(function(data) {
|
|
|
|
|
|
|
|
var time = 0,
|
|
|
|
t,
|
|
|
|
refer;
|
|
|
|
|
|
|
|
if (data.code === 200) {
|
|
|
|
|
|
|
|
refer = data.data.href;
|
|
|
|
|
|
|
|
t = setTimeout(function() {
|
|
|
|
time++;
|
|
|
|
}, 1000);
|
|
|
|
|
|
|
|
$.ajax({
|
|
|
|
type: 'GET',
|
|
|
|
url: data.data.session
|
|
|
|
}).then(function(res) {
|
|
|
|
|
|
|
|
if (res.code === 200 && t < 3) {
|
|
|
|
clearInterval(t);
|
|
|
|
location.href = refer;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
if (t >= 3) {
|
|
|
|
clearInterval(t);
|
|
|
|
location.href = refer;
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
|
|
|
|
// todo
|
|
|
|
console.log('网络超时~');
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
$('.change-captcha').click(function() {
|
|
|
|
refreshPic();
|
|
|
|
});
|
|
|
|
|
|
|
|
// 注册成功页面5秒后跳转
|
|
|
|
if ($('.success-box').length > 0) {
|
|
|
|
clearT = setInterval(function() {
|
|
|
|
|
|
|
|
if (countDown === 0) {
|
|
|
|
|
|
|
|
window.location.href = $successBtn.attr('data-url');
|
|
|
|
|
|
|
|
clearInterval(clearT);
|
|
|
|
}
|
|
|
|
$countDown.text(countDown--);
|
|
|
|
}, 1000);
|
|
|
|
}
|
|
|
|
}; |
...
|
...
|
|
