多级联动

最新推荐文章于 2018-08-27 09:32:29 发布

原创最新推荐文章于 2018-08-27 09:32:29 发布 · 478 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了如何使用JavaScript实现短信验证码倒计时功能及输入手机号校验，同时提供了带验证的登录注册页面示例。

多级联动

可以到这里查看详细内容喔

http://sc.chinaz.com/tag_jiaoben/SanJiLianDong.html

---------------------------------------------------------------------------------------------------------------------

短信验证码

$(function () {
//获取短信验证码
var validCode=true;
$(".msgs").click (function () {
var time=60;
var code=$(this);
console.log($(this))
if (validCode) {
console.log(validCode)
validCode=false;
code.addClass("msgs1");
var t=setInterval(function () {
time--;
code.html(time+"秒");
if (time==0) {
clearInterval(t);
code.html("重新获取");
validCode=true;
code.removeClass("msgs1");

}
},1000)
}
})
})
$(function(){
$("#txtPhone").on("change",function(){
var phone=$("#txtPhone").attr("data-mobile");
var mobile=$("#txtPhone").val()
console.log(phone)
console.log(mobile)
if(phone==""||phone!=mobile){
$(".regitem-mesage").show()
};
});
})
</script>