You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
312 lines
8.9 KiB
312 lines
8.9 KiB
4 years ago
|
$(function(){
|
||
|
var tab = 'account_number';
|
||
|
// 选项卡切换
|
||
|
$(".account_number").click(function () {
|
||
|
$('.tel-warn').addClass('hide');
|
||
|
tab = $(this).attr('class').split(' ')[0];
|
||
|
checkBtn();
|
||
|
$(this).addClass("on");
|
||
|
$(".message").removeClass("on");
|
||
|
$(".form2").addClass("hide");
|
||
|
$(".form1").removeClass("hide");
|
||
|
});
|
||
|
// 选项卡切换
|
||
|
$(".message").click(function () {
|
||
|
$('.tel-warn').addClass('hide');
|
||
|
tab = $(this).attr('class').split(' ')[0];
|
||
|
checkBtn();
|
||
|
$(this).addClass("on");
|
||
|
$(".account_number").removeClass("on");
|
||
|
$(".form2").removeClass("hide");
|
||
|
$(".form1").addClass("hide");
|
||
|
|
||
|
});
|
||
|
|
||
|
$('#num').keyup(function(event) {
|
||
|
$('.tel-warn').addClass('hide');
|
||
|
checkBtn();
|
||
|
});
|
||
|
|
||
|
$('#pass').keyup(function(event) {
|
||
|
$('.tel-warn').addClass('hide');
|
||
|
checkBtn();
|
||
|
});
|
||
|
|
||
|
$('#veri').keyup(function(event) {
|
||
|
$('.tel-warn').addClass('hide');
|
||
|
checkBtn();
|
||
|
});
|
||
|
|
||
|
$('#num2').keyup(function(event) {
|
||
|
$('.tel-warn').addClass('hide');
|
||
|
checkBtn();
|
||
|
});
|
||
|
|
||
|
$('#veri-code').keyup(function(event) {
|
||
|
$('.tel-warn').addClass('hide');
|
||
|
checkBtn();
|
||
|
});
|
||
|
|
||
|
// 按钮是否可点击
|
||
|
function checkBtn()
|
||
|
{
|
||
|
$(".log-btn").off('click');
|
||
|
if (tab == 'account_number') {
|
||
|
var inp = $.trim($('#num').val());
|
||
|
var pass = $.trim($('#pass').val());
|
||
|
if (inp != '' && pass != '') {
|
||
|
if (!$('.code').hasClass('hide')) {
|
||
|
code = $.trim($('#veri').val());
|
||
|
if (code == '') {
|
||
|
$(".log-btn").addClass("off");
|
||
|
} else {
|
||
|
$(".log-btn").removeClass("off");
|
||
|
sendBtn();
|
||
|
}
|
||
|
} else {
|
||
|
$(".log-btn").removeClass("off");
|
||
|
sendBtn();
|
||
|
}
|
||
|
} else {
|
||
|
$(".log-btn").addClass("off");
|
||
|
}
|
||
|
} else {
|
||
|
var phone = $.trim($('#num2').val());
|
||
|
var code2 = $.trim($('#veri-code').val());
|
||
|
if (phone != '' && code2 != '') {
|
||
|
$(".log-btn").removeClass("off");
|
||
|
sendBtn();
|
||
|
} else {
|
||
|
$(".log-btn").addClass("off");
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function checkAccount(username){
|
||
|
if (username == '') {
|
||
|
$('.num-err').removeClass('hide').find("em").text('请输入账户');
|
||
|
return false;
|
||
|
} else {
|
||
|
$('.num-err').addClass('hide');
|
||
|
return true;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function checkPass(pass){
|
||
|
if (pass == '') {
|
||
|
$('.pass-err').removeClass('hide').text('请输入密码');
|
||
|
return false;
|
||
|
} else {
|
||
|
$('.pass-err').addClass('hide');
|
||
|
return true;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function checkCode(code){
|
||
|
if (code == '') {
|
||
|
// $('.tel-warn').removeClass('hide').text('请输入验证码');
|
||
|
return false;
|
||
|
} else {
|
||
|
// $('.tel-warn').addClass('hide');
|
||
|
return true;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function checkPhone(phone){
|
||
|
var status = true;
|
||
|
if (phone == '') {
|
||
|
$('.num2-err').removeClass('hide').find("em").text('请输入手机号');
|
||
|
return false;
|
||
|
}
|
||
|
var param = /^1[34578]\d{9}$/;
|
||
|
if (!param.test(phone)) {
|
||
|
// globalTip({'msg':'手机号不合法,请重新输入','setTime':3});
|
||
|
$('.num2-err').removeClass('hide');
|
||
|
$('.num2-err').text('手机号不合法,请重新输入');
|
||
|
return false;
|
||
|
}
|
||
|
$.ajax({
|
||
|
url: '/checkPhone',
|
||
|
type: 'post',
|
||
|
dataType: 'json',
|
||
|
async: false,
|
||
|
data: {phone:phone,type:"login"},
|
||
|
success:function(data){
|
||
|
if (data.code == '0') {
|
||
|
$('.num2-err').addClass('hide');
|
||
|
// console.log('aa');
|
||
|
// return true;
|
||
|
} else {
|
||
|
$('.num2-err').removeClass('hide').text(data.msg);
|
||
|
// console.log('bb');
|
||
|
status = false;
|
||
|
// return false;
|
||
|
}
|
||
|
},
|
||
|
error:function(){
|
||
|
status = false;
|
||
|
// return false;
|
||
|
}
|
||
|
});
|
||
|
return status;
|
||
|
}
|
||
|
|
||
|
function checkPhoneCode(pCode){
|
||
|
if (pCode == '') {
|
||
|
$('.error').removeClass('hide').text('请输入验证码');
|
||
|
return false;
|
||
|
} else {
|
||
|
$('.error').addClass('hide');
|
||
|
return true;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// 登录点击事件
|
||
|
function sendBtn(){
|
||
|
if (tab == 'account_number') {
|
||
|
$(".log-btn").click(function(){
|
||
|
// var type = 'phone';
|
||
|
var inp = $.trim($('#num').val());
|
||
|
var pass = $.md5($.trim($('#pass').val()));
|
||
|
if (checkAccount(inp) && checkPass(pass)) {
|
||
|
var ldata = {userinp:inp,password:pass};
|
||
|
if (!$('.code').hasClass('hide')) {
|
||
|
code = $.trim($('#veri').val());
|
||
|
if (!checkCode(code)) {
|
||
|
return false;
|
||
|
}
|
||
|
ldata.code = code;
|
||
|
}
|
||
|
$.ajax({
|
||
|
url: '/dologin',
|
||
|
type: 'post',
|
||
|
dataType: 'json',
|
||
|
async: true,
|
||
|
data: ldata,
|
||
|
success:function(data){
|
||
|
if (data.code == '0') {
|
||
|
// globalTip({'msg':'登录成功!','setTime':3,'jump':true,'URL':'http://www.ui.cn'});
|
||
|
globalTip(data.msg);
|
||
|
} else if(data.code == '2') {
|
||
|
$(".log-btn").off('click').addClass("off");
|
||
|
$('.pass-err').removeClass('hide').find('em').text(data.msg);
|
||
|
$('.pass-err').find('i').attr('class', 'icon-warn').css("color","#d9585b");
|
||
|
$('.code').removeClass('hide');
|
||
|
$('.code').find('img').attr('src','/verifyCode?'+Math.random()).click(function(event) {
|
||
|
$(this).attr('src', '/verifyCode?'+Math.random());
|
||
|
});;
|
||
|
return false;
|
||
|
} else if(data.code == '3') {
|
||
|
$(".log-btn").off('click').addClass("off");
|
||
|
$('.img-err').removeClass('hide').find('em').text(data.msg);
|
||
|
$('.img-err').find('i').attr('class', 'icon-warn').css("color","#d9585b");
|
||
|
$('.code').removeClass('hide');
|
||
|
$('.code').find('img').attr('src','/verifyCode?'+Math.random()).click(function(event) {
|
||
|
$(this).attr('src', '/verifyCode?'+Math.random());
|
||
|
});
|
||
|
return false;
|
||
|
} else if(data.code == '1'){
|
||
|
$(".log-btn").off('click').addClass("off");
|
||
|
$('.num-err').removeClass('hide').find('em').text(data.msg);
|
||
|
$('.num-err').find('i').attr('class', 'icon-warn').css("color","#d9585b");
|
||
|
return false;
|
||
|
}
|
||
|
},
|
||
|
error:function(){
|
||
|
|
||
|
}
|
||
|
});
|
||
|
} else {
|
||
|
return false;
|
||
|
}
|
||
|
});
|
||
|
} else {
|
||
|
$(".log-btn").click(function(){
|
||
|
// var type = 'phone';
|
||
|
var phone = $.trim($('#num2').val());
|
||
|
var pcode = $.trim($('#veri-code').val());
|
||
|
if (checkPhone(phone) && checkPass(pcode)) {
|
||
|
$.ajax({
|
||
|
url: '/plogin',
|
||
|
type: 'post',
|
||
|
dataType: 'json',
|
||
|
async: true,
|
||
|
data: {phone:phone,code:pcode},
|
||
|
success:function(data){
|
||
|
if (data.code == '0') {
|
||
|
// globalTip({'msg':'登录成功!','setTime':3,'jump':true,'URL':'http://www.ui.cn'});
|
||
|
globalTip(data.msg);
|
||
|
} else if(data.code == '1') {
|
||
|
$(".log-btn").off('click').addClass("off");
|
||
|
$('.num2-err').removeClass('hide').text(data.msg);
|
||
|
return false;
|
||
|
} else if(data.code == '2') {
|
||
|
$(".log-btn").off('click').addClass("off");
|
||
|
$('.error').removeClass('hide').text(data.msg);
|
||
|
return false;
|
||
|
}
|
||
|
},
|
||
|
error:function(){
|
||
|
|
||
|
}
|
||
|
});
|
||
|
} else {
|
||
|
$(".log-btn").off('click').addClass("off");
|
||
|
// $('.tel-warn').removeClass('hide').text('登录失败');
|
||
|
return false;
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// 登录的回车事件
|
||
|
$(window).keydown(function(event) {
|
||
|
if (event.keyCode == 13) {
|
||
|
$('.log-btn').trigger('click');
|
||
|
}
|
||
|
});
|
||
|
|
||
|
|
||
|
$(".form-data").delegate(".send","click",function () {
|
||
|
var phone = $.trim($('#num2').val());
|
||
|
if (checkPhone(phone)) {
|
||
|
$.ajax({
|
||
|
url: '/getcode',
|
||
|
type: 'post',
|
||
|
dataType: 'json',
|
||
|
async: true,
|
||
|
data: {phone:phone,type:"login"},
|
||
|
success:function(data){
|
||
|
if (data.code == '0') {
|
||
|
|
||
|
} else {
|
||
|
|
||
|
}
|
||
|
},
|
||
|
error:function(){
|
||
|
|
||
|
}
|
||
|
});
|
||
|
var oTime = $(".form-data .time"),
|
||
|
oSend = $(".form-data .send"),
|
||
|
num = parseInt(oTime.text()),
|
||
|
oEm = $(".form-data .time em");
|
||
|
$(this).hide();
|
||
|
oTime.removeClass("hide");
|
||
|
var timer = setInterval(function () {
|
||
|
var num2 = num-=1;
|
||
|
oEm.text(num2);
|
||
|
if(num2==0){
|
||
|
clearInterval(timer);
|
||
|
oSend.text("重新发送验证码");
|
||
|
oSend.show();
|
||
|
oEm.text("120");
|
||
|
oTime.addClass("hide");
|
||
|
}
|
||
|
},1000);
|
||
|
}
|
||
|
});
|
||
|
|
||
|
|
||
|
|
||
|
});
|