一段代码…………请无视

最新推荐文章于 2018-08-11 19:02:14 发布
最新推荐文章于 2018-08-11 19:02:14 发布
阅读量604 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Williamwaiting/article/details/51090552
版权 
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=0,maximum-scale=0, user-scalable=yes"/>
    <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" />
    <link href="Fesco.css" rel="stylesheet" type="text/css">
    <title>绑定</title>
</head>
<body>
    <div class="col-xs-11 col-xs-offset-1 col" style="margin-top:5rem; margin-left: 1rem;">
        <p class="text" style="font-size:3rem; line-height: 6rem;">1. 拍摄照片时尽量让身份证充满整个屏幕，且尽量让身份证处于光线充足，背景纯洁的位置。</p>
        <p class="text" style="font-size:3rem; line-height: 6rem;">2. 上传身份证必须是本人且有效的身份证，否则无法登记。</p>
        <p class="text" style="font-size:3rem; line-height: 6rem;">3. 为保证照片通过率，请使用后置摄像头，勿使用任何美图功能对照片进行美化。</p>
    </div>
    <div class="col-xs-12" style="height:45rem;margin-top: 27rem;margin-left: 14rem" >
        <div class="col-xs-7 borderDiv" style="padding:0; background-color:#BFBFBF" id="picA">
            <img id="idFront" width="100%" height="100%" style="position:absolute;" src="" />
            <img id="idFrontWaterMark" width="100%" height="100%" style="position:absolute;" src=""/>
            <div style="width:100%;text-align:center;" id="picBtnA">
                <p class="text" style="position:absolute; color:#FFFFFF">拍摄身份证正面</p>
                    <span class="glyphicon glyphicon-plus text takePhoto" style="line-height:45rem;color:#FFFFFF"> </span>
            </div>
            <input type="file" class="photo" capture="camera" accept="image/*" id="idInputFront" name="idInputFront" />
        </div>
    </div>
    <div class="col-xs-12 col-xs-offset-1 col" style="margin-left: 3rem">
        <div class="col-xs-12 gray-border" style="margin-top: 2rem;margin-left:-3rem"></div>
        <div class="col-xs-12" style="margin-top: -1rem">
            <p class="text">
                姓名
                <h id="name"> XXX</h>
            </p>
        </div>
        <div class="col-xs-12 gray-border" style="margin-top: 0.5rem"></div>
        <div class="col-xs-12">
            <p class="text">
                身份证
                <h id="paperNumber"> XXXXXXXXXXXXXXXXXX</h>
            </p>
        </div>
        <div class="col-xs-12 gray-border" style="margin-top: 0.5rem"></div>
        <div class="col-xs-9 col-xs-offset-1 col"style="margin-left: -1rem;">
            <input type="ID" class="form-control" name="accountPhone" id="accountPhone" style="font-size: 4rem" placeholder="手机号" onBlur="checkIdAndPhone()" οnfοcus="remErrorMsg()" value="">
        </div>
        <div class="col-xs-12 gray-border"></div>
        <div class="col-xs-4 col-xs-offset-1 col">
            <div class="form-group "style="margin-left: -7rem;">
                <input type="ID" class="form-control" name="identifyingCode"
                       οnfοcus="remErrorMsg()"
                       onBlur="checkIdAndPhoneAndIdentifyingCode(1)" id="identifyingCode" style="font-size: 4rem"
                       placeholder="验证码" value="">
            </div>
        </div>
        <div class="col-xs-5 col">
            <div class="form-group ">
                <label class="btn smallbtn" id="identifying"
                       οnclick="getIdentifyingCode()"><p id="identifyingBtnText">获取验证码</p>
                </label>
            </div>
        </div>
        <div class="col-xs-12 gray-border"></div>
        <br/>
        <div class="col-xs-12" id="errorTips">
            <p class="text" id="errorText"></p>
        </div>
        <div class="col-xs-11 col-xs-offset-1 col"style="margin-left: 3rem">
            <p class="tips">同意<a href="accountRegController.do?toDeclarationPage">《微信号绑定免责条例》</a>，请点击绑定完成
            </p>
        </div>
        <div class="col-xs-10 col-xs-offset-1" style="height:15rem;margin-left: 2rem" id="bindingDiv" >
            <div style="height:100%;">
                <label class="btn bigbtn" id="binding"
                       style="background-color:#C60000;" οnclick="submitBinding()"><p>绑定</p>
                </label>
            </div>
        </div>
    </div>
</body>
<script>
    //图片预览
    $(function() {
        $("input[name='idInputFront']").change(function(evt) {  //input内容发生改变时触发的事件
            var files = evt.target.files;
            for ( var i = 0, f; f = files[i]; i++) {
                if (!f.type.match('image.*')) {
                    continue;
                }
                var reader = new FileReader();//使用FileReader接口
                reader.onload = (function(theFile) {
                    return function(e) {

                        $("#picA img").attr("src", e.target.result); //预览图片的位置
                        $("#idFrontWaterMark").attr("src","watermark.gif");  //添加水印
                        $("#picBtnA").hide();
                    };
                })(f);
                reader.readAsDataURL(f);
            }
        });
    });
    //检查ID，paperNumber身份证号
    function idVerification() {
        var ID = $.trim(document.getElementById("paperNumber").value);

        if (ID == "") {
            $("#CorrectId").removeClass("glyphicon-ok");
            $("#CorrectId").addClass("glyphicon-remove");
            $("#CorrectId").removeClass("correct");//green
            $("#CorrectId").addClass("error");//red
            return false;
        }
        if (ID != "") {
        //15位或18位，如果是15位，必需全是数字。
        // 如果是18位，最后一位可以是数字或字母X|x，其余必需是数字。
            var reg = /^(\d{15}$|^\d{18}$|^\d{17}(\d|X|x))$/;
            if (!reg.test(ID)) {
                $("#CorrectId").removeClass("glyphicon-ok");
                $("#CorrectId").addClass("glyphicon-remove");
                $("#CorrectId").removeClass("correct");
                $("#CorrectId").addClass("error");
                return false;
            }
        }
        //身份证号正确
        $("#CorrectId").removeClass("glyphicon-remove");
        $("#CorrectId").addClass("glyphicon-ok");
        $("#CorrectId").removeClass("error");
        $("#CorrectId").addClass("correct");
        return true;
    };
    //检查Phone，accountPhone手机号
    function phoneVerification() {
        var mob = $.trim(document.getElementById("accountPhone").value);

        if (mob == "") {
            $("#CorrectPhone").removeClass("glyphicon-ok");
            $("#CorrectPhone").addClass("glyphicon-remove");
            $("#CorrectPhone").removeClass("correct");
            $("#CorrectPhone").addClass("error");
            return false;
        }
        if (mob != "") {
                $("#CorrectPhone").addClass("glyphicon-remove");
                $("#CorrectPhone").removeClass("correct");
                $("#CorrectPhone").addClass("error");
                return false;
            }
        //手机号码正确
        $("#CorrectPhone").removeClass("glyphicon-remove");
        $("#CorrectPhone").addClass("glyphicon-ok");
        $("#CorrectPhone").removeClass("error");
        $("#CorrectPhone").addClass("correct");
        return true;
    };
    function checkIdAndPhone() {
        document.getElementById("errorText").innerHTML = "";
        if (!idVerification()) {
            document.getElementById("paperNumber").className = "form-control errorInput";
        } else {
            document.getElementById("paperNumber").className = "form-control";
        }
        if (!phoneVerification()) {
            document.getElementById("accountPhone").className = "form-control errorInput";
        } else {
            document.getElementById("accountPhone").className = "form-control";
        }
    }
    function remErrorMsg(){
        document.getElementById("errorText").innerHTML = "";
        document.getElementById("errorTips").style.visibility = "hidden";
    }
    //验证码
    function identifyingCodeVerification() {

        var paperNumber = $("#paperNumber");
        var accountPhone = $("#accountPhone");
        var identifyingCode = $("#identifyingCode");
        var flag = false;
        var IC = $.trim(document.getElementById("identifyingCode").value);

        if (IC == "") {
            $("#CorrectIdentifyingCode").removeClass("glyphicon-ok");
            $("#CorrectIdentifyingCode").addClass("glyphicon-remove");
            $("#CorrectIdentifyingCode").removeClass("correct");
            $("#CorrectIdentifyingCode").addClass("error");
            flag = false;
        }else{
            $.ajax({
                type : "POST",
                contentType : "application/json",
                dataType : "json",
                async : false,
                url : "accountRegController.do?checklogin&paperNumber="
                + paperNumber.val() + "&accountPhone="
                + accountPhone.val() + "&identifyingCode="
                + identifyingCode.val(),
                success : function(data) {
                        $("#CorrectIdentifyingCode").removeClass("glyphicon-remove");
                        $("#CorrectIdentifyingCode").addClass("glyphicon-ok");
                        $("#CorrectIdentifyingCode").removeClass("error");
                        $("#CorrectIdentifyingCode").addClass("correct");
                        flag = true;
                },
                error : function() {
                    alert("抱歉，暂时无法为您提供这项服务。");
                    flag = false;
                }
            });
        }

        return flag;
    };

    function checkIdAndPhoneAndIdentifyingCode(noBlur) {
        var code = document.getElementById("identifyingCode").value;
        if(noBlur==1){
            if(code.length==0){
                return false;
            }
        }

        var flag = true;
        if (!idVerification()) {
            document.getElementById("paperNumber").className = "form-control errorInput";
            flag= false;
        } else {
            document.getElementById("paperNumber").className = "form-control";
        }

        if (!phoneVerification()) {
            document.getElementById("accountPhone").className = "form-control errorInput";
            flag= false;
        } else {
            document.getElementById("accountPhone").className = "form-control";
        }

        if (!identifyingCodeVerification()) {
            document.getElementById("identifyingCode").className = "form-control errorInput";
            flag= false;
        } else {
            document.getElementById("identifyingCode").className = "form-control";
        }

        return flag;
    }
    var InterValObj; //timer变量，控制时间
    var count = 60; //间隔函数，1秒执行
    var curCount;//当前剩余秒数
    //获取验证码
    function getIdentifyingCode() {
        document.getElementById("errorText").innerHTML = "";

        if (!phoneVerification()) {
            document.getElementById("accountPhone").className = "form-control errorInput";
        } else {
            document.getElementById("accountPhone").className = "form-control";
            sendMessage();
        }
    }
    function sendMessage() {
        curCount = count;
        //设置button效果，开始计时
        $("#identifying").attr("disabled", "true");//倒计时灰色按钮（不可点击）
        $("#identifying").addClass("disablebtn");
        document.getElementById("identifyingBtnText").innerHTML = curCount
        + "秒后重新发送";
        InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次
        //向后台发送处理数据
        $.ajax({
            type : "POST",
            contentType : "application/json",
            dataType : "json",
            url : "searchController.do?getValidateCode&phoneCode="+$("#accountPhone").val(),
            success : function(data) {
                    alert(data.obj);
            },
            error : function() {
                alert("抱歉，暂时无法为您提供这项服务。");
            }
        });
    }
    //timer处理函数
    function SetRemainTime() {
        if (curCount == 0) {
            window.clearInterval(InterValObj);//停止计时器
            $("#identifying").removeAttr("disabled");//启用按钮
            $("#identifying").removeClass("disablebtn");
            document.getElementById("identifyingBtnText").innerHTML = "重新发送";
        } else {
            curCount--;
            document.getElementById("identifyingBtnText").innerHTML = curCount
            + "秒后重新发送";
        }
    }
    function submitBinding() {
        $("#bindingDiv").hide();
        if(!checkIdAndPhoneAndIdentifyingCode(2)){
            $("#bindingDiv").show();
            return;
        }
        if (!checkLogin()) {
            $("#bindingDiv").show();
            return;
        }
        $("#bindingInformation").submit();
    }
    /**
     *登录验证
     */
    function checkLogin() {

        var paperNumber = $("#paperNumber");
        var accountPhone = $("#accountPhone");
        var identifyingCode = $("#identifyingCode");
        var flag = false;
        $.ajax({
            type : "POST",
            contentType : "application/json",
            dataType : "json",
            async : false,
            url : "accountRegController.do?checklogin&paperNumber="
                    + paperNumber.val() + "&accountPhone="
                    + accountPhone.val() + "&identifyingCode="
                    + identifyingCode.val(),
            success : function(data) {
                        flag = data.success;
                    },
            error : function() {
                alert("抱歉，暂时无法为您提供这项服务。");
                flag = false;
            }
            });
        return flag;
    }
</script>
</html>
CYC-WILLIAM
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
无视穿越火线错误代码
04-21
完美无视03，强制登陆封号大区 无视所有检测
请无视
CYC-WILLIAM
04-07 455
SSE适用于更新频繁、低延迟并且数据都是从服务端到客户端。它和WebSocket的区别： 1）便利，不需要添加任何新组件，用任何习惯的后端语言和框架就能继续使用，不用为新建虚拟机弄一个新的IP或新的端口号而劳神。 2）服务器端的简洁。因为SSE能在现有的HTTP/HTTPS协议上运作，所以它能够直接运行于现有的代理服务器和认证技术。 WebSocket相较SSE最大的
5种方法解除开机密码
00's Blog
01-24 718
教你怎样解除电脑开机密码！！！先记下来，以后总会有用到的！！！此方法仅供计算机教师交流，严禁作为非法手段使用！ <br /><br /><br />方法一在开机时，按下F8进入”带命令提示符的安全”模式 <br />输入”NET USER+用户名+123456/ADD”可把某用户的密码强行设置为”123456″ <br />方法二如用户忘记登入密码可按下列方法解决 <br />1.在计算机启动时按〔F8〕及选〔Safe Mode With Command Prompt〕 <br />2.选〔Administ
一行代码绕过原密码，直接修改win系统密码，bat命令，超神奇
weixin_33974433的博客
08-11 4161
其实我一直想学习bat命令，这种批处理，能用的好，省了很多软件，也省了很多电脑空间。 以后就多发点简单又强大实用的命令代码文章，大家一起共勉。 今天要介绍的是，用一行简单的命令来直接修改Windows系统管理员密码，无视原来的密码！ 代码超级简单（不包括引号）： “net user %username% 123456” 解释一下，把上面的一行代码，复制粘贴到TXT文本，保存之后，把TXT文...
一级文法解析-ずに済む不用……就行.doc
09-20
在日语学习中，一级文法是进阶阶段的重要内容，涵盖了各种复杂的语法结构和表达方式。以下是对一些一级文法点的详细解释： 1. 動詞連用形+こなす：表示能够熟练地完成某事。例如：自分の生活の都合のいいように使い...
人教版高中英语必修一至必修四单词(带音标).doc
10-03
【人教版高中英语必修一至必修四单词】是针对高中阶段英语学习者的一份重要资料，包含了必修一到必修四的核心词汇，每个单词都配有音标，帮助学生正确发音。这些单词是英语学习的基础，掌握了它们，能有效提升学生的...
人教版高中英语（必修一）（全册知识点考点梳理、重点题型分类巩固练习）（家教、补习、复习用）.doc
10-19
- It/ This/ That is(was)+the first/the second/...time that 从句：表达“这是第一次/第二次……”的概念，例如："It was the first time that he had seen the night face to face." (那是他第一次面对面地看...
人教高中英语必修unit课文知识点详解PPT学习教案.pptx
10-04
- "She and her family hid away for nearly twenty-five months before they were discovered." before 在此句中表示"在……之前"，在"It + be + 时间段 + before 从句"结构中，表示"多久以后才……"。而在"It + ...
高一短语词汇汇总[精选].docx
08-19
不顾，表示无视或不考虑某些因素。 30. **at most**：至多；最多，用于限制最大数量或程度。 31. **cut up**：切碎，常用于烹饪或处理食材时的动作。 32. **fed up with**：受够了；饱受；厌烦，表示对某事感到...
JavaScript选择题
CYC-WILLIAM
03-10 1384
http://perfectionkills.com/javascript-quiz/点击打开链接 针对 Ecmascript 第三版的选择题 arguments的typeof就是object 这种形式叫做命名的函数表达式，它的名字g只在函数体内可见。在函数外部不可见，所以报错。 函数中的delete没有生效，在函数内部，delete无法删除
css3动画，阴影，加快页面加载，块级模式的小总结
CYC-WILLIAM
03-13 626
css3： -----------------------------------动画------------------------------------- #page1.active #page1-2{ animation: page1-2 3s ease 1.5s forwards; -moz-animation: page1-2 3s ease 1.5s forwar
AJAX基础总结（参考w3school）
CYC-WILLIAM
03-09 543
1.创建XMLHttpRequest对象var williaml; if(window.XMLHttpRequest) { //for IE7,Firefox,Chrome,Opera,Safari william=new XMLHttpRequest(); } else { //for IE6,IE5 william=new ActiveXObject("Micr
对Object，Array，RegExp，Function类型的总结
CYC-WILLIAM
03-11 469
1.创建Object实例的两种方式 --------1---------------- var person = new Object(); person.name = "william"; person.age=21; ---------2---------------- ver person={ name:"william",//这里是逗号 age:21
js事件总结<未完----待续>
CYC-WILLIAM
03-30 407
------------------------------------------------------------事件冒泡------------------------------------------------------------- 事件开始由最具体的元素接收，然后逐级向上传播到较为不具体的节点 William Click Me 单击页面中
这是一个水贴
CYC-WILLIAM
03-10 402
关于JavaScript的原型和闭包问题。 经过别人的推荐，看到了一个很好的博客内容。 固在此留下美丽的链接地址！ http://www.cnblogs.com/wangfupeng1988/tag/%E5%8E%9F%E5%9E%8B/点击打开链接 解释得很详细啦！ 遁地溜走。
面向对象的程序设计（1）
CYC-WILLIAM
03-11 318
1.创建对象 工厂模式：用函数来封装对象细节 function createPerson(name,age,job){ var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayname = function() { alert(this.name); }; return o; } var a
面向对象的程序设计2
CYC-WILLIAM
03-12 294
继承 1>原型链 利用原型让一个引用类型继承另一个引用类型的属性和方法 function dad(){ this.prototype=true; } function son(){ this.sonprototype=false; } //继承dad son.prototype=new dad(); 原型链出现的问题：共享问题 function dad(){ this.co
7.15 陇东学院云计算1班 马陆辉 20240715
最新发布
07-15
练习题
写一段代码，求100+101+102+103+……+181的和
04-24
当然，我会为你编写这段代码。以下是一个简单的 Python 程序来计算给定数字的总和： ``` sum = 0 for i in range(100, 182): sum += i print("Sum of 100 to 181 is:", sum) ``` 执行上述代码会输出以下内容： ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值