CINXE.COM
人机验证
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="robots" content="noindex,nofollow"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> <title>人机验证</title> <script src="//static.huangye88.cn/assets/jquery-2.1.4/jquery.min.js"></script> <style> #errormsg{display:none} *{padding: 0px; margin: 0px;} .header {width: 100%;height: 80px;background: #f8f8f8;border-bottom: 1px solid #e8e8e8;overflow: hidden;} .header .header_content {height: 80px;width: 1190px;margin: 0 auto;} .header .header_content span {float: left;display: block;height: 36px;width: 135px;background: url("//static.huangye88.cn/images/logo-fabu.png") no-repeat;margin-top: 23px; background-position: center;} .tipcont{max-width: 560px; margin: 0 auto; padding: 10% 30px 0px 30px;} .lefticon{width: 117px;height: 113px;overflow: hidden;float: left;background:url(//static.huangye88.cn/mobile/images/cry-honey.png) no-repeat; margin-right: 10px;} .tiptext{} .tiptext .first{ font-size: 18px;color: #333; font-weight: bold; text-align: center;} .tiptext .last{ font-size:14px; line-height: 30px; color: #666; } .cont{max-width: 640px; margin: 0 auto; padding-top:20px;} .wrap{width: 300px; margin: 0 auto; text-align: center;} .innerbox{ display: inline-block; } .submit{padding: 20px 0px;} .submit>input{background: #ff6600;border: 0 none;color: #fff; font-size:16px; height: 40px; display: inline-block; line-height: 40px; border-radius: 3px;outline:none;-webkit-appearance: none;-webkit-tap-highlight-color:rgba(0,0,0,0); width: 100%} .submit>input:focus{ border:1px solid #ff6600; outline: none; border-radius: 3px;} .error{font-size: 12px;color: #f00; width: 290px; text-align: left; padding-left: 5px;} .footer{width:100%;background: #333;height: 68px;line-height: 68px;text-align: center;font-size:14px;color:#aaa; position:fixed;bottom: 0px;} .footer a{color: #aaa;text-decoration: none;} .footer a:hover{color:#999;text-decoration: underline;} .tips{text-align: left; font-size: 12px; text-indent: 3px;color: #f00; padding-top: 5px;} </style> </head> <body> <div class="header"> <div class="header_content"> <a href="http://www.huangye88.com/"><span></span></a> </div> </div> <div class="tipcont"> <div class="tiptext"> <p class="first">访问异常需要人机检测，请输入验证码即可恢复访问。</p> </div> </div> <div class="cont"> <form method="post" action="http://api.huangye88.com/slidercaptcha/chkimage.do" onsubmit="return checkform()"> <div class="wrap"> <div class="innerbox"> <input type="hidden" name="redirect" value="WyJodHRwczpcL1wvaHVhbmJhby5odWFuZ3llODguY29tXC94aW54aVwvMTkzMzcxNDE2Lmh0bWwiLDJd"> <input type="text" id="vacode" placeholder="请输入数字" style="width:175px;height: 32px; line-height:32px; ime-mode:disabled;" autocomplete="off" name="vdcode"/> <img id="vdimgck" src="http://my.huangye88.com/virfycoder/" alt="看不清？点击更换" align="absmiddle" style="cursor:pointer;margin-left:5px; margin-top:5px; display: inline-block; width:104px;" onclick="this.src='http://my.huangye88.com/virfycoder/?random='+Math.random();" /> </div> <div class="error" id="errormsg">请输入正确的数字</div> <div class="tips">此输入验证仅用于网页人机识别</div> <div class="submit"><input type="submit" value="提交"></div> </div> </form> </div> <script> function checkform(){ if($('#vacode').val() == ''){ $('#errormsg').show(); return false; } return true; } </script> <div class="footer">© 2024 huangye88.com</div> </body> </html>