短信发送以及60秒倒计时(手机号为空或错误不触发)

<input type="button" id="btn" value="获取验证码" onclick="sendyzm();aaa(this)" />

<script type="text/javascript">

function sendyzm() {

var phone = document.getElementById("phone").value;

var tel = document.all("phone").value;

var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;

if(phone == '') {

alert('请填写手机号')

} else {

if(myreg.test($("#phone").val())) {

var num = "";

for(var i = 0; i < 6; i++) {

num += Math.floor(Math.random() * 10)

}

$.ajax({

type: 'post',

data: {

'phone': phone,

'yzm': num

},

url: "短信接口",

dataType: "json",

success: function(json) {

$.ajax({

type: 'post',

data: {

'phone': phone,

'yzmm': num

},

url: "{php echo $this->createMobileUrl('XXX');}",

dataType: "json",

success: function(json) {}

});

}

});

alert('已发送至您的手机');

} else {

alert("手机号错误");

}

}

}

var countdown = 60;

function aaa(obj) {

var phone = document.getElementById("phone").value;

var tel = document.all("phone").value;

var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;

if(myreg.test($("#phone").val())) {

if(countdown == 0) {

obj.removeAttribute("disabled");

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

countdown = 60;

return;

} else {

obj.setAttribute("disabled", true);

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

countdown--;

}

setTimeout(function() {

aaa(obj)

}, 1000);

} else {

return false;

}

}

</script>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,068评论 0 2
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,940评论 1 45
  • 100个常用的javascript函数 1、原生JavaScript实现字符串长度截取 复制代码代码如下: fun...
    老头子_d0ec阅读 377评论 0 0
  • 这几天深圳四胞胎的新闻被热议,各路声讨四胞胎父母重男轻女,全部事情都是为四胞胎着想,完全没有想到过女儿,设计师做房...
    禾日禾日阅读 469评论 0 0
  • 古城烟花繁花落 我披凤霞穿纱罗 风中飘零谁的泪眼洒脱 我的梦,只愿与你想白首 试问君知否 百花幻作太虚楼 开满谁的...
    火之童阅读 600评论 0 0