一个简单的验证码

时间:2023-02-03 07:46:18

验证码(简单)

一。引入jquery;

        <script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>

二。引入js文件;

        <script type="text/javascript" src="js/jquery.idcode.js"></script>

三。内置方法,等待点击调用刷新验证码;

        $.idcode.setCode();

四。放置容器

       1.输入框id一定要有

        <input type="text" id="Txtidcode"  placeholder="请输入验证码" maxlength="4"/>

       2.放置容器,生成验证码

        <span id="idcode"></span>

       3.执行方法(初始化插件)

        var IsBy = $.idcode.validateCode();

       4.检测验证码是否正确(自动判断所以第一步id不要写错)

        if(IsBy=='false'){
alert('提示\n\n请输入正确的验证码!');
 return false;
 }

五。会遇到的问题

      1.点击调用不了刷新 

        解决:放置的容器放到了底层,加样式z-index;

      2.还没遇到。遇到了会补充