微信發送驗證碼進行驗證

1、HTML部分

<div class="page input js_show">

        <div class="page__bd" >

        <h3 class="page__title" style="margin:20px 10px;text-align:center;">綁定邀請</h3>

            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">受邀者手機號:</label>
                </div>
                <div class="weui-cell__bd">
                    {$info.mobile}
                </div>

            </div>
            
             <div class="weui-cell weui-cell_vcode" style="border-bottom: 1px solid #e5e5e5;">
                <div class="weui-cell__bd" >
                     <input class="weui-input" type="tel" name="code" id="code" placeholder="請輸入驗證碼">
                </div>
                <div class="weui-cell__ft">
                     <button class="weui-vcode-btn" id="btnSendCode" onclick="sendMessage()" style="background:#09BB07;color:#fff">點擊發送驗證碼</button>
                </div>
            </div>
            
            <div class="weui-cells__title" >&nbsp;</div>
            <div class="page__bd page__bd_spacing" >
                <a  id="bound" href="javascript:;" class="weui-btn weui-btn_primary" style="background:#09BB07">綁定</a>
            </div>
        </div>
    </div>

2、JS部分

//獲取短信驗證碼
var InterValObj; //timer變量，控制時間
var count = 60; //間隔函數，1秒執行
var curCount;//當前剩余秒數
function sendMessage() {
    var invitation_id = "{$info.id}";
    curCount = count;
    $.post("{:U('Parents/Invitation/sendcode')}",{"invitation_id":invitation_id},function(data){
        if(data.status == 1){
         //設置button效果，開始計時
                $("#btnSendCode").attr("disabled", "true");
                $("#btnSendCode").val( + curCount + "秒再獲取");
                InterValObj = window.setInterval(SetRemainTime, 1000); //啟動計時器，1秒執行一次
         }else{
             alert(data.info);
         }
    });
}
//timer處理函數
function SetRemainTime() {
    if (curCount == 0) {                
        window.clearInterval(InterValObj);//停止計時器
        $("#btnSendCode").removeAttr("disabled");//啟用按鈕
        $("#btnSendCode").val("重新發送驗證碼");
        code = ""; //清除驗證碼。如果不清除，過時間后，輸入收到的驗證碼依然有效    
    }
    else {
        curCount--;
        $("#btnSendCode").val( + curCount + "秒再獲取");
    }
}

$("#bound").on('click',function(e){
    e.preventDefault();
    $code = $("#code").val();
    $openid="{$openid}";
    $invitation_id = "{$info.id}";
    $.post("{:U('Parents/Invitation/bound')}",{"code":$code,"invitation_id":$invitation_id,"openid":$openid},function(data){
        alert(data.info);
    });
});