关闭

PHP验证码实现与倒计时

标签: 验证码php实现倒计时验证码实现
910人阅读 评论(0) 收藏 举报
分类:

分享知识 传递快乐

首先在你的HTML引入jQuery文件,直接看代码:

JS:
<span style="font-size:18px;"><script type="text/javascript">
    $(function () {
        $("#vCode").click(function () {
            $("#vCodeInput").val("");
            if(time(this)){
                $.ajax({
                    url: '/adminc.php?c=balipay&a=vCode',
                    type: 'GET',
                    success: function (result) {
                        alert(result);
                    }
                });
            }
        });

        $("#vCodeInput").blur(function(){
            var code=$("#vCodeInput").val();
            $.ajax({
                url: '/adminc.php?c=balipay&a=vCode',
                data:{"code":code},
                type: 'POST',
                success: function (result) {
                    if(result==1){
                        $("#prompt").css("color",'#05FA6D');
                        $("#prompt").text("正确");
                    }else{
                        $("#prompt").css("color",'#FF0000');
                        $("#prompt").text("错误");
                    }
                }
            });
        });
    })



    var wait=60;//时间/秒
    function time(o) {
        if (wait == 0) {
            o.value="免费获取验证码";
            $("#vCode").css("color","#595959");
            $("#vCodeStart").css("display","none");
            wait = 60;
            return true;
        } else {
            o.value="重新发送(" + wait + ")";
            $("#vCode").css("color","#a7a7a7");
            $("#vCodeStart").css("display","block");
            wait--;
            setTimeout(
                    function(){
                        time(o)
                    }
            ,1000)
            return false;
        }
    }

</script></span>


HTML:
<table style="vertical-align: top;">
<span style="white-space:pre">	</span><tr>
<span style="white-space:pre">		</span><td style="width: 98px;">
<span style="white-space:pre">			</span>验证码:
<span style="white-space:pre">		</span></td>
<span style="white-space:pre">		</span><td>
<span style="white-space:pre">			</span><span id="vCodeStart" class="frm_input_box" style="width: 100px; display: none" > <input id="vCodeInput" name="acount_alipay" type="text"   class="frm_input"   value=""/></span>
<span style="white-space:pre">			</span><input id="vCode" type="button" style="color: #595959;padding: 0 12px;font-size: 12px;background-color: #F8F8F8;background-repeat: no-repeat;line-height: 25px;font-weight: 400;background-position: right -903px;" value="点此免费获取" >
<span style="white-space:pre">			</span><span id="prompt"></span>
<span style="white-space:pre">		</span></td>
<span style="white-space:pre">	</span></tr>
</table>


PHP:
<span style="font-size:18px;">public function vCode(){

        $str = "123456";

        if(IS_POST){
            $vCode = I("post.code");
            echo json_encode($str == $vCode ? 1 : 0);//1:正确,0:错误
        }else{
            echo json_encode($str);
        }
    }</span>




开发环境:ThinkPHP。

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:12436次
    • 积分:288
    • 等级:
    • 排名:千里之外
    • 原创:16篇
    • 转载:2篇
    • 译文:0篇
    • 评论:1条
    文章分类
    最新评论