zoukankan      html  css  js  c++  java
  • 在这些形式的验证码


        代码是一些招生、登录并因此形成一个经常使用,为了防止填写表格的恶意性质,继续提交表单。安全风险。代码通常可以随意切换验证码。经过远程验证成功的人才成功提交表单。实现代码的简单函数

    <form>

    <div class="joinCon">
                    <div class="row">
                        <div class="label"><em class="musTip">*</em>用户名:</div>
                        <div class="cell">
                            <input type="text" data-checkurl="/supajaxcheck/checkusername" name="username" class="inTxt">
                        </div>
                    </div>
                    <div class="row">
                        <div class="label"><em class="musTip">*</em>密码:</div>
                        <div class="cell">
                            <input type="password" name="password" class="inTxt">
                        </div>
                    </div>
                    <div class="row">
                        <div class="label"><em class="musTip">*</em>确认密码:</div>
                        <div class="cell">
                            <input type="password" name="repassword" class="inTxt"/>
                        </div>
                    </div>
                    <div class="row verBox ">
                            <div class="label"><em class="musTip">*</em> 验证码:</div>
                            <div class="cell verCode">
                                <input type="text" data-checkurl="/joinin/checkcode" class="inTxt w115 fl n-invalid" name="key" >
                                <div class="checkCode">
                                    <img src="/joinin/captcha/v/5449ad3ebee49" id="KeyImg" class="checkPic" style="cursor:pointer" title="点击换图" alt="点击换图">                                <a href="javascript:return false;">换一张</a>
                                </div>
                              </div>
                      </div>
                </div>


    </form>


    js代码片段:

    var verCode = $('div.verCode','form');
            verCode.each(function(){
                var box = $(this),
                    img = $('img.checkPic', box),
                    src = img.attr('src'),
                    chg = $('a', box),
                    ipt = $('input.checkCode', box);
                chg.on('click', function(e) {
                    e.preventDefault();
                    e.stopPropagation();
                    var _src = src+'&'+$.now();
                    img.attr('src', _src);
                });
                img.on('click', function(e) {
                    e.preventDefault();
                    e.stopPropagation();
                    var _src = src+'&'+$.now();
                    img.attr('src', _src);
                });
            });


  • 相关阅读:
    MapReduce在MES中的应用
    【VIPM技巧】多版本LabVIEW无法连接问题
    【LabVIEW技巧】你可以不懂OOP,却不能不懂封装
    【LabVIEW技巧】代码块快速放置
    工作中那些提高你效率的神器(第二篇)_Listary
    工作中那些提高你效率的神器(第一篇)_Everything
    LabVIEW 吸星大法
    LabVIEW 吸星大法
    LabVIEW 吸星大法
    有哪些LabVIEW快捷键让你相见恨晚
  • 原文地址:https://www.cnblogs.com/mfrbuaa/p/4589551.html
Copyright © 2011-2022 走看看