嗞嗞嗞~ 你的浏览器仿佛在对我微笑!

YDUI Touch Docs 返回首页

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 - 重新获取验证码

4、参与讨论

4.1、有任何使用问题,请在评论中留言,也欢迎大家发表意见、建议。感谢您对YDUI的支持。