php代碼
<?php require dirname(__FILE__).'/include/common.inc.php';//這是在cms2008下面做的測試 header("content-type:text/html; charset=utf-8;"); session_start();//開啟緩存 if (isset($_SESSION['time']))//判斷緩存時間 { session_id(); $_SESSION['time']; } else { $_SESSION['time'] = date("Y-m-d H:i:s"); } $_SESSION['mcode']=$_GET['mcode'];//將content的值保存在session中 ////如果得到手機號 if($mobile) { // echo "2";//得到手機號 // echo $_SESSION['mcode'];//測試得到的驗證碼 // echo '<br/>'; if((strtotime($_SESSION['time'])+60)<time()) {//將獲取的緩存時間轉換成時間戳加上60秒后與當前時間比較，小於當前時間即為過期 session_destroy(); unset($_SESSION); header('content-type:text/html; charset=utf-8;'); echo '<script>alert("驗證碼已過期，請重新獲取！");</script>'; } else{ $mcode=$_SESSION['mcode']; $post_data = array(); $post_data['username'] = "test";//用戶名 $post_data['password'] = "test";//密碼 $post_data['mobile'] = $mobile;//手機號，多個號碼以分號分隔，如：13407100000;13407100001;13407100002 $post_data['content'] = urlencode("您本次的驗證碼是：".$mcode);//內容，如為中文一定要使用一下urlencode函數 $post_data['extcode'] = "";//擴展號，可選 $post_data['senddate'] = "";//發送時間，格式：yyyy-MM-dd HH:mm:ss，可選 $post_data['batchID'] = "";//批次號，可選 $url='http://116.213.72.20/SMSHttpService/send.aspx'; $o=""; foreach ($post_data as $k=>$v) { $o.= "$k=".$v."&"; } $post_data=substr($o,0,-1); $this_header = array("content-type: application/x-www-form-urlencoded;charset=UTF-8"); $ch = curl_init(); curl_setopt($ch, CURLOPT_POST, 1); curl_setopt($ch, CURLOPT_HTTPHEADER,$this_header); curl_setopt($ch, CURLOPT_HEADER, 0); curl_setopt($ch, CURLOPT_URL,$url); curl_setopt($ch, CURLOPT_POSTFIELDS, $post_data); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); $result = curl_exec($ch);//返回相應的標識，具體請參考我方提供的短信API文檔 curl_close($ch); // echo $result; } } ?>
html代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <script src="images/js/jquery.min.js"></script> <script src="images/js/check.js"></script> <script> $(document).ready(function(){ $("#Submit").click(function get_mobile(){ var mcode=Math.round(Math.random()*10000); $.get("index.php?mobile="+$("#mobile").val()+"&mcode="+mcode,function(data){ // alert(data); }); $("#yanzheng").click(function get_code(){ $.get("index.php?code="+$("#code").val(),function(data){ // alert(mcode); if (mcode==$("#code").val()) { alert('驗證碼正確，請繼續！'); } else{ alert('驗證碼錯誤'); } }); }); }); var test = { node:null, count:60, start:function(){ //console.log(this.count); if(this.count > 0){ this.node.innerHTML = this.count--; var _this = this; setTimeout(function(){ _this.start(); },1000); }else{ this.node.removeAttribute("disabled"); this.node.innerHTML = "再次發送"; this.count = 60; } }, //初始化 init:function(node){ this.node = node; this.node.setAttribute("disabled",true); this.start(); } }; var btn = document.getElementById("Submit"); btn.onclick = function(){ alert("驗證信息會發送到"+$("#mobile").val()); test.init(btn); }; }); </script> </HEAD> <BODY> <p>手機號：<input type="text" name="mobile" value="" id="mobile" onblur="check_mobile(this.value)"/><span id="mobile_notice"></span></p> <p>驗證碼：<input type="text" name="code" value="" id="code"/><button id="Submit">獲取驗證碼</button></p> <input type="submit" name="yanzheng" value="下一步" id="yanzheng" /> </BODY>
check.js
//檢測電話號碼是否正確 function check_mobile(tel){ var tel=mobile.replace(/^\s*|\s*$/g,''); var length=tel.length; if (length==0) { alert('手機號碼不能為空...'); $('#Submit').attr('disabled','disabled'); return; } $a=preg_match('/^((1[3|4|5|8])[0-9]{9})$/',tel); if ($a) { $('#Submit').attr('disabled',''); return; } else{ alert('手機號碼格式不正確請重新輸入...'); $('#Submit').attr('disabled','dosabled'); return; } } //檢測密碼 function check_password(password){ var password=password.replace(/^\s*|\s*$/g,''); var length=password.length; if (length==0) { alert('密碼不能為空...') $('#Submit').attr('disabled','disabled'); return; } } //檢測確認密碼 function check_conform_password(p2){ var p1=$('#password').val(); var p2=$('#conform_password').val(); if (p2!=p1) { alert('兩次輸入密碼不一致...'); $('#Submit').attr('disabled','disabled'); return; } else{ $('#Submit').attr('disabled',''); return; } } //選中復選框 //function check_box(){ // //} ////檢查用戶名 //function check_username(username){ // alert(username); // exit; // var username=username.replace(/^\s*|\s*$/g,''); // var length=username.length; // if (length==0)//用戶名為空的時候 // { // $('#username_notice').html('用戶名不能為空'); // $('#Submit').attr('disabled','disabled'); // return; // } // else if (length<2) // { // $('#username_notice').html('用戶名位大於2位的'); // $('#Submit').attr('disabled','disabled'); // return; // } // else if (length>4) // { // $('#username_notice').html('用戶名不能大於！'); // $('#Submit').attr('disabled','disabled'); // return; // } // else{ // $('#username_notice').html('請繼續填寫'); // $('#Submit').attr('disabled',''); // return; // } // //正則匹配中文名字/[\x{4e00}-\x{9fa5}]+/u // $a=preg_match('/^[a-zA-Z][a-zA-Z0-9]\w{2,19}$/',username); // if($a) { // $('#username_notice').html('姓名正確請繼續'); // $('#Submit').attr('disabled',''); // return; // } // else{ // $('#username_notice').html('姓名格式不正確'); // $('#Submit').attr('disabled','dosabled'); // return; // } // // //} // ////檢測公司名稱 //function check_company(company){ //// alert(company); //// exit; // var company=company.replace(/^\s*|\s*$/g,''); // var clength=company.length; //// alert(clength); // if (clength==0) // { // $('#company_notice').html('公司名稱不能為空'); // $('#Submit').attr('disabled','disabled'); // return; // } // if (clength<7) // { // $('#company_notice').html('公司名稱不能小於7個漢字'); // $('#Submit').attr('disabled','disabled'); // return; // } // if (clength>20) // { // $('#company_notice').html('公司名稱不能超過20個漢字'); // $('#Submit').attr('disabled','disabled'); // return; // } // // $a=preg_match('/^[a-zA-Z][a-zA-Z0-9]\w{7,20}$/',company); // if($a) { // $('#company_notice').html('公司名稱正確請繼續'); // $('#Submit').attr('disabled',''); // return; // } // else{ // $('#company_notice').html('公司名稱格式不正確'); // $('#Submit').attr('disabled','dosabled'); // return; // } //} // ////檢測城市 //function check_city(city){ //// alert(company); //// exit; // var city=city.replace(/^\s*|\s*$/g,''); // var length=city.length; //// alert(clength); // if (length==0) // { // $('#city_notice').html('城市名稱不能為空'); // $('#Submit').attr('disabled','disabled'); // return; // } // if (clength<1) // { // $('#city_notice').html('城市名稱不能小於1個漢字'); // $('#Submit').attr('disabled','disabled'); // return; // } // if (clength>4) // { // $('#city_notice').html('公司名稱不能超過4個漢字'); // $('#Submit').attr('disabled','disabled'); // return; // } // // $a=preg_match('/^[a-zA-Z][a-zA-Z0-9]\w{2,4}$/',company); // if($a) { // $('#city_notice').html('城市名稱正確請繼續'); // $('#Submit').attr('disabled',''); // return; // } // else{ // $('#city_notice').html('城市名稱格式不正確'); // $('#Submit').attr('disabled','dosabled'); // return; // } //} // ////檢測地址是否正確 //function check_address(address){ //// alert(company); //// exit; // var address=address.replace(/^\s*|\s*$/g,''); // var length=address.length; //// alert(clength); // if (length==0) // { // $('#address_notice').html('地址不能為空'); // $('#Submit').attr('disabled','disabled'); // return; // } // if (clength<2) // { // $('#address_notice').html('地址不能小於1個漢字'); // $('#Submit').attr('disabled','disabled'); // return; // } // if (clength>30) // { // $('#address_notice').html('地址不能超過30個漢字'); // $('#Submit').attr('disabled','disabled'); // return; // } // // $a=preg_match('/^[a-zA-Z][a-zA-Z0-9]\w{1,30}$/',company); // if($a) { // $('#address_notice').html('地址正確請繼續'); // $('#Submit').attr('disabled',''); // return; // } // else{ // $('#address_notice').html('地址格式不正確'); // $('#Submit').attr('disabled','dosabled'); // return; // } //}