SendCode
1、说明
1.1、示例:http://m.ydui.org/html/sendcode.html
1.2、网页常见发送验证码倒计时插件;SendCode 仅支持Javascript API方式调用,需手动触发【发送事件】;
2、调用
普通按钮(宽度自适应)
通过调用 [start] 方法开始倒计时。
<button type="button" class="btn btn-warning" id="J_GetCode">获取短信验证码</button>
<script>
var $getCode = $('#J_GetCode');
/* 定义参数 */
$getCode.sendCode({
disClass: 'btn-disabled',
secs: 15,
run: false,
runStr: '{%s}秒后重新获取',
resetStr: '重新获取验证码'
});
$getCode.on('click', function () {
/* ajax 成功发送验证码后调用【start】 */
YDUI.dialog.loading.open('发送中');
setTimeout(function(){
YDUI.dialog.loading.close();
$getCode.sendCode('start');
YDUI.dialog.toast('已发送', 'success', 1500);
}, 1500);
});
</script>
3、参数
参数 | 说明 | 类型 | 可选值 | 默认值 |
run | 是否初始化自动运行 | Boolean | - | false |
secs | 倒计时时长(秒) | Number | - | 60 |
disClass | 禁用按钮样式 | String | - | - |
runStr | 倒计时显示文本 | String | - | {%s}秒后重新获取 |
resetStr | 倒计时结束后按钮显示文本 | String | - | 重新获取验证码 |