検証コードの生成

1. 基本情報の確認#

<?php
$(document).ready(function() {
    $("#yzmfs").click(function () {
        //确保手机号不为空
        var mobile=$("#phone").val();
        if(mobile.length==0)
        {
            alert('请输入手机号码！');
            $("#phone").focus();
            return false;
        }
        if(mobile.length!=11)
        {
            alert('请输入11位手机号！');
            $("#phone").focus();
            return false;
        }
        var myreg = /^((1[3|4|5|8][0-9]{1})+\d{8})$/;
        if(!myreg.test(mobile))
        {
            alert('请输入正确的手机号码！');
            document.getElementById("phone").focus();
            return false;
        }
        //点击发送短信验证码
      
    })
})

#2、クリックして SMS 確認コードを送信すると、js に 60 秒のカウントダウンが表示されます:

<script type="text/javascript">
    var countdown=60;
    function settime(obj){
        //60秒倒计时
        if (countdown == 0){
            obj.removeAttribute("disabled");
            obj.value="发送短信验证码";
            countdown = 60;
            return;
        }else{
            obj.setAttribute("disabled", true);
            obj.value="重新发送(" + countdown + ")";
            countdown--;
        }
        setTimeout(function() {
                settime(obj) }
            ,1000)
    }
    </script>

3、Ajax で検証コードの生成を実現

まず jquery ファイルを導入します

< ;script src="jquery -1.11.0.js" type="text/javascript"></script>
##

<?php
//点击发送短信验证码
$.ajax({
    async : false,
    type: "get",
    url: "code.php", //
    data: {},
    success: function (data) {
        $("#code").val(data);
  
    }
});

4、新しい code.php ajax リクエストを作成してデータ # を返し、検証コードで Base64 暗号化を実行します。コードは次のとおりです。