123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687 |
- <html>
- <head>
- <title>验证码</title>
- <meta charset="UTF-8"/>
- <meta name="format-detection" content="telephone=no, email=no"/>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
- <link href="/antiRes/css/app.css?v=1429" rel="stylesheet">
- <script> let isSpiderPage = true</script>
- <script src="/antiRes/js/jquery.js"></script>
- <script src="/antiRes/js/rem.js"></script>
- </head>
- <body>
- <div class="error-body">
- <div class="app-layout-header">
- <span class="app-back jyapp-icon jyapp-icon-zuojiantou"></span>
- 验证码
- </div>
- <div class="app-layout-content-b">
- <div class="verify-body">
- <div class="verify-img">
- <img class="verify_logo" src="/antiRes/images/verify_logo.png">
- </div>
- <div class="verify-content">
- <div style="margin-bottom:8pt"><p class="word">请在下图依次点击:<span id="words">{{.textVerify}}</span></p></div>
- <div style="position:relative;width: 100%" class="verify_img">
- <img id="antiimg" src="data:image/png;base64,{{.imgData}}" onclick="antiAdd(event,this);"/>
- <input type="hidden" value="" id="antivalue"/>
- </div>
- <div class="footBtn">
- <img onclick="flash()" src="/antiRes/images/flush.png" style="width: 25pt;height: 25pt" alt="">
- <div>
- <button class="comfirmbtn btn btn-success" onclick="checkdot();">确定</button>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </body>
- <script>
- //验证码方法
- function antiAdd(event, obj) {
- if (obj.parentNode.querySelectorAll(".imgs").length < 3) {
- var offsetX = event.pageX - (obj.getBoundingClientRect().left + document.body.scrollLeft);
- var offsetY = event.pageY - (obj.getBoundingClientRect().top + document.body.scrollTop);
- var offx = parseInt(offsetX);
- var offy = parseInt(offsetY);
- var icon = "<img onclick='antiRemove(this)' class='imgs' src='/antiRes/images/hoverclick.png' "
- + "style='position:absolute;top:" + (offsetY - 8) + "px;left:" + (offsetX - 8) + "px;' offx=" + offx + " offy=" + offy + " />";
- obj.parentNode.innerHTML += icon
- document.querySelector("#antivalue").value += (";" + offx + "," + offy)
- }
- }
- //删除验证
- function antiRemove(obj) {
- var offx = obj.getAttribute("offx");
- var offy = obj.getAttribute("offy");
- document.querySelector("#antivalue").value = document.querySelector("#antivalue").value.replace((";" + offx + "," + offy), "");
- obj.parentNode.removeChild(obj);
- }
- //刷新验证码
- function flash() {
- window.location.reload()
- }
- //验证码提交
- function checkdot() {
- var param={};
- param["antiVerifyCheck"]=document.querySelector("#antivalue").value.substr(1);
- param["imgw"]= document.querySelector("#antiimg").width;
- $.ajax({
- type: "POST",
- url: window.location.href,
- dataType: "json",
- data: param,
- headers : {
- 'app': '{{.appName}}',
- },
- success: function(res){
- window.location.reload()
- }
- });
- }
- </script>
- </html>
|