検証コードの生成
1. 基本情報(bào)の確認(rèn)#
<?php $(document).ready(function() { $("#yzmfs").click(function () { //確保手機(jī)號(hào)不為空 var mobile=$("#phone").val(); if(mobile.length==0) { alert('請(qǐng)輸入手機(jī)號(hào)碼!'); $("#phone").focus(); return false; } if(mobile.length!=11) { alert('請(qǐng)輸入11位手機(jī)號(hào)!'); $("#phone").focus(); return false; } var myreg = /^((1[3|4|5|8][0-9]{1})+\d{8})$/; if(!myreg.test(mobile)) { alert('請(qǐng)輸入正確的手機(jī)號(hào)碼!'); document.getElementById("phone").focus(); return false; } //點(diǎn)擊發(fā)送短信驗(yàn)證碼 }) })
#2、クリックして SMS 確認(rèn)コードを送信すると、js に 60 秒のカウントダウンが表示されます:
<script type="text/javascript"> var countdown=60; function settime(obj){ //60秒倒計(jì)時(shí) if (countdown == 0){ obj.removeAttribute("disabled"); obj.value="發(fā)送短信驗(yàn)證碼"; countdown = 60; return; }else{ obj.setAttribute("disabled", true); obj.value="重新發(fā)送(" + countdown + ")"; countdown--; } setTimeout(function() { settime(obj) } ,1000) } </script>
3、Ajax で検証コードの生成を?qū)g現(xiàn)
まず jquery ファイルを?qū)毪筏蓼?span style="font-size: 16px;">
< ;script src="jquery -1.11.0.js" type="text/javascript"></script>
##<?php
//點(diǎn)擊發(fā)送短信驗(yàn)證碼
$.ajax({
async : false,
type: "get",
url: "code.php", //
data: {},
success: function (data) {
$("#code").val(data);
}
});
4、新しい code.php ajax リクエストを作成してデータ # を返し、検証コードで Base64 暗號(hào)化を?qū)g行します。コードは次のとおりです。
#うわー