CINXE.COM
登录
<!DOCTYPE html> <html> <head> <title>登录</title> <meta name="csrf-token" content="XRTUxrXKSb20lHihVdxDN4aJxDYbtzGgjRslvsus"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8"> <meta name="keywords" content=""/> <link href="https://www.4hou.com/sihou/register/css/style.css" rel="stylesheet" type="text/css" media="all"/> <link rel="stylesheet" href="https://www.4hou.com/sihou/login/css/sweetalert.css"> <script src="https://www.4hou.com/sihou/login/js/sweetalert.min.js"></script> <script src="https://www.4hou.com/sihou/js/jquery.min.js"></script> <script src="https://turing.captcha.qcloud.com/TCaptcha.js"></script> </head> <body> <style> .logo img { width: 40%; display: block; margin: 5% 30%; } @media (max-width: 600px) { .w3l_form { display: none; } #wxlogin { display: none; } } @media (max-width: 414px) { .w3_info { width: 98% !important; } } #img-code { width: 30%; position: relative; margin: 5px 5px 5px auto; } #vertification-code { width: 65%; } </style> <script> </script> <div class="signupform"> <h1></h1> <div class="container"> <h1></h1> <div class="agile_info"> <div class="w3l_form"> <div class="left_grid_info"> <div class="logo"> <img src="https://www.4hou.com/sihou/login/img/logoRight.png" alt=""> <img src="https://www.4hou.com/sihou/login/img/sihou.png" alt="" style="margin-top: 20px;"> </div> </div> </div> <div class="w3_info"> <h2>登录</h2> <p>网络安全行业综合服务平台</p> <div class="input-group"> <input type="text" name="mobile" placeholder="请输入手机号" required="" pattern="[0-9]{11}"> </div> <div class="input-group"> <input type="Password" name="password" placeholder="请输入密码" required="" pattern="[a-z0-9A-Z]{6,16}"> </div> <input type="hidden" name="ticket" id="ticket"> <input type="hidden" name="randstr" id="randstr"> <div style="display: flex;justify-content: space-between;"> <a href="https://www.4hou.com/register"> <h4>没有账户,立即注册 </h4> </a> <a href="https://www.4hou.com/wechat-oauth"> <h4 id="wxlogin">微信登录 </h4> </a> </div> <button id="sign-in" class="btn btn-danger btn-block" type="button">登录</button> <a href="https://www.4hou.com/forget" class="center"> <h4>忘记密码？</h4> </a> </div> <div class="clear"></div> </div> </div> <div class="footer"> <p>Copyright©2024 <a href="" target="_blank" title="">北京嘶吼文化传媒有限公司</a></p> </div> </div> <script type="text/javascript"> $("#sign-in").click(function () { let mobile = $(" input[ name='mobile' ] ").val(); let password = $(" input[ name='password' ] ").val(); // let imgcode = $("input[name='img-code']").val(); if (mobile == "") { sweetAlert("error", "手机号码不能为空！", "error"); return false; } if (mobile.length !== 11) { sweetAlert("error", "手机号位数不正确！", "error"); return false; } if (!(/^1[3|4|5|6|7|8|9][0-9]\d{4,8}$/.test(mobile))) { sweetAlert("error", "手机号不合法！", "error"); return false; } if (!password) { sweetAlert("error", "请输入密码！", "error"); return false; } // if (imgcode == "") { // sweetAlert("error", "图形验证码不能为空！", "error"); // return false; // } initCaptcha(); }); function initCaptcha() { var captcha = new TencentCaptcha("191555418", function (res) { if (res.ret === 0) { document.getElementById('ticket').value = res.ticket; document.getElementById('randstr').value = res.randstr; // 发送 AJAX 请求 sendLoginRequest(); } else { sweetAlert("error", "验证码验证失败，请重试！", "error"); } }); captcha.show(); } function sendLoginRequest() { let mobile = $(" input[ name='mobile' ] ").val(); let password = $(" input[ name='password' ] ").val(); let ticket = $("#ticket").val(); let randstr = $("#randstr").val(); $.ajax({ headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}, type: 'POST', dataType: 'json', data: { 'mobile': mobile, 'password': password, 'ticket': ticket, 'randstr': randstr }, url: "https://www.4hou.com/login", success: function (data) { if (data.status_code == 400) { sweetAlert("error", data.message, "error"); } if (data.status_code == 200) { window.location.href = data.message; } }, error: function (jqXHR, textStatus, errorThrown) { sweetAlert("error", "请求失败，请稍后再试！", "error"); } }); } </script> </body> </html>