var regAction = (function () {
var defaultOpts = {
'regform' : 'regfrom',
'username' : 'username',
'userpwd' : 'userpwd',
'confirmpwd' : 'confirmpwd',
'checkcode' : 'checkcode',
'accept' : 'accept',
'errorTrips' : 'errorTrips',
'channel' : 'channel',
'loginAuto' : 'loginAuto',
'btnAction' : 'btnAction'
},
isreg = 1;
//去掉空格
function trim(str) {
return str.replace(/\s+$|^\s+/g, '');
}
//检测email
function isEmail(email) {
return /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/i.test(email)
}
//检测用户名
function checkUserName(callback) {
var optsObj = defaultOpts;
var nameObj = optsObj.username;
var errorTripsObj = optsObj.errorTrips;
var value = trim(nameObj.val());
nameObj.val(value);
if (!isEmail(value)) {
errorTripsObj.html('请输入正确的邮箱地址').css('visibility', 'visible');
nameObj.focus();
if (callback) {
callback(false);
}
} else {
$.ajax({
url : '/index.php?ac=account&op=checkuser',
dataType : 'json',
type : 'post',
data : {
username : value
},
success : function (res) {
if (res) {
switch (res.string) {
case '1':
//errorTripsObj.html('该邮箱已经被注册').css('visibility', 'visible');
optsObj.checkcode.hide();
$("#jChkcode").hide();
$("#jPrivacy").hide();
$("#jRemeberBox").show();
$("#repwd-box").hide();
$("#jhd").text("登录快盘");
$("#jcnt").text("随时随地查看文件");
optsObj.btnAction.val("立即登录");
isreg = 2;
//nameObj.focus();
if (callback) {
//callback(false);
callback(true);
}
nameObj.change(function () {
optsObj.checkcode.show();
$("#jChkcode").show();
$("#jPrivacy").show();
$("#jRemeberBox").hide();
$("#repwd-box").show();
$("#jhd").text("注册快盘");
$("#jcnt").text("只需5秒，立即拥有15GB空间");
optsObj.btnAction.val("立即注册");
isreg = 1;
});
break;
case '2':
default:
errorTripsObj.css('visibility', 'hidden');
if (callback) {
callback(true);
}
}
} else {
if (callback) {
callback(true);
}
}
}
})
}
}
//检测密码
function checkPwd(callback) {
var optsObj = defaultOpts;
var userPwd = optsObj.userpwd;
var username = optsObj.username;
var confirmPwd = optsObj.confirmpwd;
var errorTripsObj = optsObj.errorTrips;
var loginAuto = optsObj.loginAuto;
var len = trim(userPwd.val()).length;
if (0 == len) {
errorTripsObj.html('请填写登录密码').css('visibility', 'visible');
userPwd.focus();
return false;
} else {
if (len < 6 || len > 32) {
errorTripsObj.html('密码应在6-32位字符内').css('visibility', 'visible');
userPwd.focus();
return false;
} else {
errorTripsObj.css('visibility', 'hidden');
if (isreg === 1) {
var reLen = trim(confirmPwd.val()).length;
if (0 == reLen) {
errorTripsObj.html('请填写重复登录密码').css('visibility', 'visible');
confirmPwd.focus();
return false;
} else {
if (userPwd.val() != confirmPwd.val()) {
errorTripsObj.html('两次密码输入不一致').css('visibility', 'visible');
confirmPwd.focus();
return false;
} else {
return true;
}
}
} else {
if (loginAuto.attr("checked") === "checked") {
loginAuto.val("1");
} else {
loginAuto.val("0");
}
$.ajax({
url : '/index.php?ac=account&op=login',
type : 'post',
dataType : 'json',
data : {
'username' : username.val(),
'userpwd' : userPwd.val(),
'rememberme' : loginAuto.val(),
'isajax' : 'yes'
},
success : function (res) {
if (res.state == 0) {
errorTripsObj.html('用户名密码不匹配').css('visibility', 'visible');
userPwd.focus();
return false;
} else {
if(callback) {
location.href = "/home.htm" ;
}
}
}
});
}
}
}
}
//检测是否接受协议
function checkAccpet() {
var optsObj = defaultOpts;
var acceptObj = optsObj.accept;
var errorTripsObj = optsObj.errorTrips;
if (acceptObj.attr('checked')) {
return true;
} else {
errorTripsObj.html('请阅读并接受用户协议').css('visibility', 'visible');
acceptObj.focus();
return false;
}
}
//验证码检测
function checkCode() {
var optsObj = defaultOpts;
var checkcodeObj = optsObj.checkcode;
var errorTripsObj = optsObj.errorTrips;
if (checkcodeObj.length == 1 && "" == checkcodeObj.val()) {
errorTripsObj.html('请输入验证码').css('visibility', 'visible');
checkcodeObj.focus();
return false;
} else {
return true;
}
}
//注册表单提交
function regFormSubmit(e, data) {
checkUserName(function (f) {
var result, checkPwdResult;
if (isreg === 1) {
defaultOpts.regform.attr("action", "/index.php?ac=account&op=registerhanlder");
result = f && checkPwd() && checkAccpet() && checkCode();
if (result) {
defaultOpts.regform.unbind('submit').submit();
}
} else {
checkPwd( f );
}
});
if (!data) {
return false;
}
}
function bindEvent() {
var optsObj = defaultOpts;
optsObj.regform.submit($.proxy(regFormSubmit, this));
optsObj.username.change(function () {
checkUserName();
})
optsObj.userpwd.change($.proxy(checkPwd, this));
if (isreg === 1) {
optsObj.confirmpwd.change($.proxy(checkPwd, this));
}
}
return {
init : function (opts) {
$.each(opts, function (i, n) {
opts[i] = $("#" + n);
});
defaultOpts = $.extend(defaultOpts, opts);
bindEvent();
},
checkEmailVlaue : function () {
checkUserName();
}
};
})();
regAction.init({'regform':'regform','username':'email','errorTrips':'erroInfo','userpwd':'pwd','confirmpwd':'re-pwd','accept':'chkaccpet','checkcode':'checkcode','loginAuto':'login-auto','btnAction':'jAction'});//初始化
code
关注我
我的微信公众号：前端开发博客，在后台回复以下关键字可以获取资源。
-
回复「小抄」，领取Vue、JavaScript 和 WebComponent 小抄 PDF
-
回复「Vue脑图」获取 Vue 相关脑图
-
回复「思维图」获取 JavaScript 相关思维图
-
回复「简历」获取简历制作建议
-
回复「简历模板」获取精选的简历模板
-
回复「加群」进入500人前端精英群
-
回复「电子书」下载我整理的大量前端资源，含面试、Vue实战项目、CSS和JavaScript电子书等。
-
回复「知识点」下载高清JavaScript知识点图谱
每日分享有用的前端开发知识，加我微信:caibaojian89 交流