// 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(); } }