PHP验证码实现与倒计时

原创 2015年07月08日 14:32:41

分享知识 传递快乐

首先在你的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。

jquery 发送验证码 并60s倒计时 ajas发送短信

//短信验证码发送 start $("#send_pwd").click(function(){     name_text_tphone= $("#find_pwd_name_text_tphone...

简单的PHP实现倒计时方法

/** * @todo Count Down (倒计时) * @param String $endTime * @return String time * @example * ...

短信验证码60倒计时,jquery/js实现案例-短信平台验证码开发8

短信验证码发送完后, 可能会由于某些原因, 用户没有收到短信, 我们需要给用户重新发送一条。 但是需要跟上一条有一个时间间隔, 不然会有用户恶意点击, ...

通过聚合数据API实现快递数据查询-短信验证码

有位朋友让我给他新开的网站帮忙做几个小功能,如下: 输入快递公司、快递单号,查询出这个快件的所有动态(从哪里出发,到了哪里)在注册、登录等场景下的手机验证码(要求有一定的防刷策略)通过输入公司名的关...
  • ishxiao
  • ishxiao
  • 2016年11月28日 13:50
  • 2629

前端验证码倒计时、后台发送验证码、创蓝短信接口

前端验证码倒计时、后台发送验证码、创蓝短信接口

倒计时相关函数 php

function datetime_to_unix(datetime){ var tmp_datetime = datetime.replace(/:/g,'-'); tmp_date...

js 验证码 倒计时60秒

js 验证码 倒计时60秒   var wait=60; function time(o) { if (wait == 0) { o.removeAttribute("di...

js jq手机验证码发送

js: var wait=60; function time(o) { if (wait == 0) { o.removeAttribute("disable...

JS加PHP动态倒计时(定时器)

1.html 距离活动结束还剩: 天时分

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:PHP验证码实现与倒计时
举报原因:
原因补充:

(最多只允许输入30个字)