# 验证码 发送短信或邮箱验证码，并拥有倒计时显示效果。 ## 前台代码  ``` <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 | 成功或失败的消息内容 |