# 驗證碼 發送短信或郵箱驗證碼，并擁有倒計時顯示效果。 ## 前臺代碼  ``` <div class="input-group mb-3"> <input type="text" class="form-control" placeholder="Recipient's username" name="username" value="230007112@qq.com" aria-label="Recipient's username" aria-describedby="basic-addon2"> <div class="input-group-append"> <button class="btn btn-outline-secondary" type="button" id="bt">發送驗證碼</button> </div> </div> <script> require(['hdjs','bootstrap'], function (hdjs) { let option = { //按鈕 el: '#bt', //后臺鏈接 url: 'php/validCode.php', //驗證碼等待發送時間 timeout: 10, //表單，手機號或郵箱的INPUT表單 input: '[name="username"]' }; 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(['code' => 0, 'message' => '發送成功']); die($json); ``` | 參數 | 說明 | | --- | --- | | valid | 1 成功 0 失敗 | | message | 成功或失敗的消息內容 |