Login - TK Elevator service webportal

<!DOCTYPE html> <html lang="en" class="no-js"> <head> <meta charset="utf-8"/> <title>Login - TK Elevator service webportal</title> <meta name="description" content="In just a few decades, we’ve become one of the world’s leading elevator companies with unique engineering capabilities."> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="width=device-width, initial-scale=1" name="viewport"/> <meta content="" name="description"/> <meta content="" name="author"/> <script type="text/javascript" src="/static/jquery/3.6.0/jquery.min.js"></script> <script type="text/javascript" src="/js/modernizrcustom.js"></script><script type="text/javascript" src="/static/jquery-ui/1.13.2/jquery-ui.min.js"></script><script type="text/javascript" src="/static/moment/2.29.4/moment-with-locales.min.js"></script><script type="text/javascript" src="/static/jquery-strengthify/0.5.9/jquery.strengthify.min.js"></script><script type="text/javascript" src="/js/bootstrap.js"></script> <link href="/static/jquery-ui/1.13.2/css/base/jquery-ui.min.css" rel="stylesheet" type="text/css"><link href="/css/stylemin.css" rel="stylesheet" type="text/css"><link href="/css/styles.css" rel="stylesheet" type="text/css"><link href="/static/jquery-strengthify/0.5.9/css/strengthify.min.css" rel="stylesheet" type="text/css"><link href="/css/tke.css" rel="stylesheet" type="text/css"><link href="/css/tke-ie-only.css" rel="stylesheet" type="text/css"><link href="/css/daterangepicker.css" rel="stylesheet" type="text/css"> <link rel="shortcut icon" href="/img/favicon.ico" /> <style type="text/css"> .panel-group{ word-wrap: break-word; } .register_mark { display: inline-block; text-decoration: none; height: 20px; line-height: 20px; padding-left: 20px; } .clear{ color: #ffffff; text-align:center; display:inline-block; height:20px; line-height:20px; } .register_mark img { float: left; margin-top: 2px; vertical-align: middle; } .register_mark p { float: left; margin: 5px 0px 0px 5px; color: #FFFFFF; } #metainfo .copystyle{ min-height: 0; padding-top: 0; padding-bottom: 0; text-align: right; display: block; margin-left: 25px; margin-right: 25px; padding-left: 15px; padding-right: 15px; } </style> </head> <body> <header id="header">   <div class="head"> <div class="brand"> <p class="roof-line">TK Elevator</p> <p class="brand-name">Web Portal | China </p> </div> <a href='' id='logo-wrapper'> <span id="logo">tkelevator</span> </a> <div class="metanavi"> <div class='selector' style='margin-top:3px;'><div class='language-select'><a class="label" id="cu_lang" data-currentlanguage=en>English</a><ul><li><a href="#" onclick="setCookie(); return changeLanguage('cn'); ">简体中文</a></li></ul></div></div>  <div class="selector" style="margin-top:4px;"> <div> <a class="label" href="http://www.tkelevator.com.cn/en/cn/contact/help-desk/" target="_blank">Help</a> </div> </div>  </div> </div>   <script type="text/javascript" src="/js/general.js"></script><script> function setCookie(){ return true; } </script> <nav class="mainnavi desktop-navi">  <div class="menu-wrapper" style="font-size: 16px"> <a class="menu"> <span> menu </span> </a> <div class="navigation-content" id="cu-user" data-id="guest"> <ul id="cu-guest"> <li > <div class="dropdown-layer"> </div> </li> </ul> </div> </div>  </nav> </header> <div id="wrapper"> <div id="page-wrapper"> <div class="row disp-flex-baseline"> <div class="col-lg-12"> <h1 class="page-header">Login</h1> </div>  </div> <div class="row"> <div class="container"> <div class="row"> <div class="col-md-4 col-md-offset-4"> <div id="panel-default" class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title"></h3> </div> <div class="panel-body"> <form role="form"> <fieldset> <div class="form-group"> <input class="form-control form-login" placeholder="E-mail" name="email" type="text" id="username" onmouseout ="validate_username();" value="" onkeyup="validate_username();" onblur="validate_username();" autofocus> </div> <div class="form-group"> <input class="form-control form-login" placeholder="Password" name="password" type="password" onmouseout ="validate_username();" onkeyup="validate_username();" onfocus="validate_username();" onblur="validate_username();" id="password" value=""> </div> <div class="captcha_box" style="display: none;"> <div class="login_captcha"> <input class="form-control form-login" placeholder="Please input validation code" onmouseout="validate_username();" onkeyup="validate_username();" onfocus="validate_username();" onblur="validate_username();" name="captchaCode" type="text" value="" id="captchaCode" /> </div> <div class="captcha"> <img src="/user/verify-img" onclick="this.src='./verify-img/'+ new Date().getTime();" alt="" id="refVerify"/> </div> </div> <div class="checkbox dark-blue"> <label> <input class="recheckbox" type="checkbox" name="remember" id="remember" style="margin-top:-4px" value="1">    Remember Me </label> </div> <br> <button type="button" id="btn-default" class="btn btn-info btn-width-all" onclick="subForm();" >Login</button> </fieldset> </form> <br> <a href="/user/forgot-password" class="">Forgot your password?</a> </div> </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript" src="/js/password-strength.js"></script><script type="text/javascript"> $(".panel-title").hide(); var _alert = false; function validate_username(){ var username = $("#username").val(); var password = $("#password").val(); var captchaCode = $("#captchaCode").val(); if(username == ""){ $("#btn-default").attr("disabled", true); _alert = true; }else if(password == ""){ $("#btn-default").attr("disabled", true); _alert = true; }else if(captchaCode == "" && $(".captcha_box").css("display") === 'block'){ $("#btn-default").attr("disabled", true); _alert = true; }else{ $("#btn-default").attr("disabled", false); _alert = false; } } function subForm() { var remember = $("input[type='checkbox']").prop('checked'); $.ajax({ type: "POST", url: "/user/login", data: {"ajax": 1, "username": $("#username").val(), "password": $("#password").val(),"remember":remember,"captchaCode":$("#captchaCode").val()}, dataType: "json", success: function(json) { var showVerify = 2; $(".panel-title").show().html(json.message); if(json.status === 2){ location.href = "/user/register"; } if(json.status === 3){ location.href = "/user/edit-password"; } if (json.status === 1) { location.href = "/equipment/summary"; } if (json.status === 0 && (json.failNum >= showVerify)) { $(".captcha_box").css("display",'block'); $("#refVerify").trigger('click'); } } }); } $(document).keyup(function(event){ if(event.keyCode === 13 && !_alert){ subForm(); } }); $(function(){ $("#username").bind("focus",function(event){ validate_username(); }); }) </script> <style> #wrapper{ margin: -30px 0 40px 0; } @media screen and (max-width:900px) { #wrapper{ margin: 0px 0 40px 0; } } .captcha_box{ position: relative; } .login_captcha{ margin-right: 100px; } .captcha { height: 34px; width: 80px; background-color: #9d9d9d; position: absolute; right: 0; z-index: 1; top: 0; } .form-control, .form-login, .form-login:focus, .form-control:focus{ height: 34px; font-size: 14px; } </style>  <div id="footer"> <div> <div> <p class="headline"> <span class="roof-line"></span> <div class="footer-logo"></div> </p> <div> <div class="block"> <ul> </ul> </div> <div class="block"> <ul> </ul> </div> </div> </div> </div> </div>   <div id="metainfo"> <div class="copystyle"> <span class="clear">TK Elevator © <span id="copyrightYear"></span> </span> <a target='_blank' class='register_mark' href='https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010402009937'><img src='/img/icon_police.png' /><p>沪公安网备31010402009937号</p></a> <a target='_blank' class='register_mark' href='https://beian.miit.gov.cn/'><p>沪ICP备17004808号-3</p></a> </div> </div>  <script type="text/javascript" src="/js/scriptmin.js"></script> <script> var date=new Date; var year=date.getFullYear(); $("#copyrightYear").text(year); </script> </body> </html>

CINXE.COM

Login - TK Elevator service webportal