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

YDUI Touch Docs 返回首页

SendCode

1、说明

1.1、示例:http://m.ydui.org/html/sendcode.html

1.2、网页常见发送验证码倒计时插件;SendCode 仅支持Javascript API方式调用,需手动触发【发送事件】;

2、参数

2.1、包含6个参数:

<script>
$('#content').sendCode({
run: false, /* 是否初始化自动运行【默认:false】 */
secs: 60, /* 倒计时时长(秒)【默认:60s】 */
disClass: '', /* 禁用按钮样式 */
runStr: '{%s}秒后重新获取', /* 倒计时显示文本【默认:'60秒后重新获取'】 */
resetStr: '重新获取验证码' /* 倒计时结束后按钮显示文本 【默认:'重新获取验证码'】 */
});
</script>

3、调用

3.1、通过调用[start]方法开始倒计时;

<button type="button" class="btn btn-warning" id="J_GetCode">获取短信验证码</button>

<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="path/build/js/ydui.js"></script>
<script>
var $getCode = $('#J_GetCode');

/* 定义参数 */
$getCode.sendCode({
disClass: 'btn-disabled',
secs: 15,
run: false,
runStr: '{%s}秒后重新获取',
resetStr: '重新获取验证码'
});

$getCode.on('click', function () {
/* ajax 成功发送验证码后调用【start】 */
$getCode.sendCode('start');
YDUI.dialog.toast('已发送', 'success', 1500);
});
</script>

4、参与讨论

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