js/login.js

// edit by chenbiao 2022/04/22
/**
 *  输入框内容检测插件
 */
var $imageCodeValue = $('#login_imgCode_value');
var $imageCode = $('#login_imgCode');
var flagAjax = false;
jQuery.fn.inputCheck = function(properties){
    var defaults = {
        callback:function(){}
    }
    jQuery.extend(defaults,properties);
    var result = new Object(),realLength = 0, len = this.val().length, charCode = -1;
    var regexp = {
        china: /[\u4E00-\u9FA5]/, // 中文
        decimal: /^\d+(\.\d+)?$/, // 小数
        number: /^[0-9]*[1-9][0-9]*$/,
        password:/^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{6,20}$/,
        phone: /^1[3,5,7,8]\d{9}$/, // 手机号码
        tel: /^0\d{2,3}-?\d{7,8}$/, // 电话号码
        specialPhone: /^(10086|10000|10010)$/, //特殊的电话号码
        businessPhone: /^(((400)-(\d{3})-(\d{4}))|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{3,7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$)$/, //400的号码验证
        email: /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/,
        peopleId: /\d{17}[\d|x]|\d{15}/,
        username: /^[a-zA-Z\u4e00-\u9fa5][a-zA-Z0-9_\u4E00-\u9FA5]{5,15}$/,
        date: /^((((19|20)\d{2})-(0?(1|[3-9])|1[012])-(0?[1-9]|[12]\d|30))|(((19|20)\d{2})-(0?[13578]|1[02])-31)|(((19|20)\d{2})-0?2-(0?[1-9]|1\d|2[0-8]))|((((19|20)([13579][26]|[2468][048]|0[48]))|(2000))-0?2-29))$/,
        nbsp: /\s/ //判断空格
    }
    //计算输入框内容的长度，一个中文等于两个字符
    for (var i = 0; i < len; i++) {
        charCode = this.val().charCodeAt(i);
        if (charCode >= 0 && charCode <= 128) realLength += 1;
        else realLength += 2;
    }
    result.china = regexp.china.test(this.val())  ? true : false;
    result.decimal = regexp.decimal.test(this.val())  ? true : false;
    result.password = regexp.password.test(this.val())  ? true : false;
    result.number = regexp.number.test(this.val())  ? true : false;
    result.phone = regexp.phone.test(this.val()) || regexp.tel.test(this.val()) || regexp.specialPhone.test(this.val()) || regexp.businessPhone.test(this.val())  ? true : false;
    result.email = regexp.email.test(this.val())  ? true : false;
    result.nbsp = regexp.nbsp.test(this.val())  ? true : false;
    result.peopleId = regexp.peopleId.test(this.val())  ? true : false;
    result.username = regexp.username.test(this.val())  ? true : false;
    result.date = regexp.date.test(this.val())  ? true : false;
    result.length = realLength/2;
    defaults.callback(result);
};
//邮箱验证
function username(obj) {
    var _this = obj;
    _this.inputCheck({
        callback : function(result){
            if(!result.email){
                _this.next().removeClass('display-hide');
                flagAjax = false;
            }else{
                _this.next().addClass('display-hide');
                flagAjax = true;
            }
        }
    });
}
$(document).on("blur",'#userName',function() { //验证邮箱地址
    username($(this));
});
//密码验证
function password(obj){
    var _this = obj;
    _this.inputCheck({
        callback : function(result){
            if(!result.password){
                _this.next().removeClass('display-hide');
                flagAjax = false;
            }else{
                _this.next().addClass('display-hide');
                flagAjax = true;
            }
        }
    });
}
$('#password').on("blur", function() { //验证邮箱地址
    password($(this));
});
var fun={
    init:function () {
        $('#login_code_ifo').text('');
        //获取验证码
        createCode();
    }
};
fun.init();
$(document).on('click','#code',function () {
    //获取验证码
    createCode();
})
//点击登录
$('#login-btn').on('click',function () {
    var obj1 = $('#userName');
    var obj2 = $('#password');
    username(obj1);
    password(obj2);
    // 验证码
    var imgCode=document.getElementById("code").value;
    var imgCodeId=$('#code').attr('data-id');
    var inputCode = document.getElementById("codedate").value.toUpperCase(); //取得输入的验证码并转化为大
    //校验 验证码是否匹配正确
    if(inputCode.length <= 0) { //若输入的验证码长度为0
        //alert("请输入验证码！"); //则弹出请输入验证码
        $('#login_error_ifo').text("请输入验证码！");
        return;
    }
    if(inputCode != imgCode ) { //若输入的验证码与产生的验证码不一致时
        //alert("验证码输入错误!"); //则弹出验证码输入错误
        $('#login_error_ifo').text("验证码输入错误!");
        createCode();//刷新验证码
        document.getElementById("codedate").value = "";//清空文本框
        return;
    }
    $('#login_error_ifo').text('');
    if(flagAjax){
        var Username= $('#userName').val();
        var Password= $('#password').val();
        // var imageCode = $imageCodeValue.val();
        // alert("username is "+username+"password is"+password+"code is "+imageCode);
        var opts = {};
        opts.method = "POST";
        opts.url = dataUrl.util.getLogin();
        opts.success = loginSuccess;
        var data = {
            // 'terminalSource':6,
        };
        data.clientType = sysComm.clientType;
        data.sysCode = sysComm.sysCode;
        data.grantType = sysComm.grantType;
        data.username = Username;
        data.password = Password;
        data.imgCodeId = imgCodeId;
        data.imgCode = imgCode;
        data.expiresIn = 60 * 60 * 12;//默认12小时
        opts.data = JSON.stringify(data);
        sysAjax(opts);
    }
});
//回车事件
$('#login_imgCode_value').keyup(function(event){
    if(event.keyCode ==13){
        // $('#login-btn').onClick()
        $('#login-btn').trigger("click");
    }
});
$('#login_imgCode_value').on('input',function () {
    var val = $('#login_imgCode_value').val();
    if(val){
        $('.verification-logo').addClass('glyphicon glyphicon-remove');
    }else{
        $('.verification-logo').removeClass('glyphicon glyphicon-remove');
    }
});
$('.verification-logo').on('click',function () {
    $("#login_imgCode_value").val("");
    $('.verification-logo').removeClass('glyphicon glyphicon-remove');
});
/**
 * 验证码获取 请求接口
 * Get getloginimgcode
 * @param
 */
var syscode; //在全局定义验证码
function createCode() {
    // 发出Ajax请求
    $.ajax({
        type: "GET",
        url: dataUrl.util.imageCodeStr(),
        data: null,
        dataType: null,
        processData: true,
        traditional: true,
        success: function (res) {
            if (res.code === '8888') {
                var data = res.data;
                var imgCodeId=data.authTokenid;
                var imgCode=data.imageCodeStr;
                syscode=imgCode;
                $('#code').val(imgCode);
                $('#code').attr('data-id',imgCodeId);
            } else {
                console.log(res.msg);
            }
        },
        error: function (err) {
            console.log(err);
        }
    })
};
//登录成功的函数
function loginSuccess(res) {
    if (res.code === '8888') {
        // var data = JSON.parse(res.data);
        fn.setToken(res.data.accessToken);
        fn.setUserName(res.data.userName);
        fn.setUserId(res.data.userId);
        console.log(res.data.userName);
        fn.setOpImgPath(res.data.imgPath);
        /**将系统编码及名称放入session.*/
        sessionStorage.setItem("sysCode", res.data.sysCode);
        sessionStorage.setItem("sysName", res.data.sysName);
        //后台返回用户可见的各个项目项目菜单 例如： projectCode:"INTERFACE_PLATFORM"  projectName:"接口平台"
        sessionStorage.setItem("sysOpProjectDTOList", JSON.stringify(res.data.sysOpProjectDTOList));
        //alert("success");
        fn.setUserAccount(res.data.userName);
        window.location.href = "index.html";
    } else if (res.code == "1012") {
        $('#login_error_ifo').text("验证码不匹配");
        createCode();//刷新验证码
    }else if (res.code == "2000" || res.code === '1004') {
        //账号密码不匹配
        $('#login_error_ifo').text("账号密码不匹配");
        //$error.text("账号或密码错误!");
        createCode();
    } else if (res.code == "2001") {
        //账号无有效角色，非有效用户
        $('#login_error_ifo').text("账号无效");
        //$error.text("账号无有效角色，非有效用户!");
        createCode();
    } else if (res.code == "2002") {
        //验证码错误
        // $('.verification-logo').addClass('glyphicon glyphicon-remove');
        $('#login_error_ifo').text("验证码错误");
        //return false;
        // $imageCodeValue.focus();
        createCode();
    } else if(res.code == "2010"){
        $('#login_error_ifo').text("用户没有关联停车场");
        createCode();
    }
    else {
        console.log(res.code);
        $('.verification-logo').removeClass('glyphicon glyphicon-remove').addClass('glyphicon glyphicon-ok');
        $('#login_error_ifo').text("系统错误");
        // $error.text(res.msg);
        createCode();
    }
}