# 驗證碼 發送短信或郵箱驗證碼，并擁有倒計時顯示效果。 ## 前臺代碼  ``` <div class="input-group"> <span class="input-group-addon">手機號或郵箱</span> <input class="form-control" name="username" value="230007112@qq.com"> <span class="input-group-btn"> <button class="btn btn-default" id="bt">發送驗證碼</button> </span> </div> <script> require(['hdjs'], function (hdjs) { var option = { //按鈕 el: '#bt', //后臺鏈接 url: 'php/validCode.php', //驗證碼等待發送時間 timeout: 60,（可不設置） //表單，手機號或郵箱的INPUT表單 input: '[name="username"]', //發送前執行的動作，返回true時將發送（可不設置） before: function () { return true; } } hdjs.validCode(option); }) </script> ``` ## 后臺代碼 后臺發送郵件可以使用 [https://packagist.org/packages/houdunwang/aliyunsms](https://packagist.org/packages/houdunwang/aliyunsms) , 發送郵件可以使用 [https://packagist.org/packages/houdunwang/mail](https://packagist.org/packages/houdunwang/mail) 后臺服務器返回的信息JSON數據格式如下: ``` <?php //發送驗證碼可以使用 composer require houdunwang/aliyunsms 發送短信 //或 composer require houdunwang/mail 發送郵件 $json = json_encode(['valid' => 1, 'message' => '發送成功']); die($json); ``` | 參數 | 說明 | | --- | --- | | valid | 1 成功 0 失敗 | | message | 成功或失敗的消息內容 |