jquery获取短信验证码效果

jquery获取短信验证码效果

大小:28KB更新:2017-12-12 15:54

类别:综合控件系统:Win7, WinAll

包名:

立即下载(28KB)
  • jquery获取短信验证码效果 0

jquery获取短信验证码是一个可以制作出类似手机验证码接受时的效果插件,不但可以通过jQuery实现倒计时重新发送短信验证码功能,还能分析倒计时功能的实现方法,喜欢研究的朋友可以来下载试用使用参考。

jquery验证码插件介绍:

获取短信验证码效果(jquery),现在很有用户注册的地方为了保证注册用户真实有效,都提供这种验证功能,单击“获取短信验证码”按钮,该按钮会显示成一个到计时的按钮,按钮上显示短信验码的失效时间,时间结束后会显示“重新获取”按钮。

jquery验证码插件效果

获取发送验证码代码:

<!DOCTYPE html>

<html>

<head>

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

<script type="text/javascript">

var countdown=60;

function settime(obj) {

if (countdown == 0) {

obj.removeAttribute("disabled");

obj.value="免费获取验证码";

countdown = 60;

return;

} else {

obj.setAttribute("disabled", true);

obj.value="重新发送(" + countdown + ")";

countdown--;

}

setTimeout(function() {

settime(obj) }

,1000)

}

</script>

<body>

<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" />

</body>

</html>

显示全部

同类相关
玩家评论
我要跟贴
取消
最新手游