- 相关推荐
如何使用JS实现短信发送倒计时功能
导语:通过下面代码大家可以实现JS短信发送倒计时功能,大家可以参考阅读,更多详情请关注应届毕业生考试网。
<p class="login">
<form action="" method="post">
<p class="login-box">
<p class="pho-0 pho">
<img class="" src="img/icon_002.png">
<input type="number" placeholder="请输入手机号" class="phnum font15" />
</p>
<p class="pho-0">
<img src="img/icon_001.png">
<input type="number" placeholder="请输入验证码" class="psd font15 yzm" /><span class="famsg font14" id="famsg">点击获取</span>
</p>
</p>
<input type="submit" value="立即注册" class="sbm font15" />
</form>
<h3 class="tel font16 ">客服电话:<a class="telpho" href="tel:400-0268-8888" rel="external nofollow" >400-0268-8888</a></h3>
</p>
js code:
$(function() {
var phone_num = /^1\d{10}$/;
var flag = 1; //短信发送时标志位
$("#famsg").click(function() {
if($(".phnum").val() == "") {
alert("请输入电话号码!");
return false;
};
if(!phone_num.test($(".phnum").val().trim())) {
alert("电话号码有误,请输入11位手机号!");
return false;
};
if(flag == 1) {
var i = 59;
flag = 0;
var n = setInterval(function() {
var j = i + 's';
$('#famsg').html(j);
i--;
if(i < -1) {
clearInterval(n);
flag = 1;
$('#famsg').html('重新获取').prop("disabled", false);
}
}, 1000);
}
})
});
js验证真实姓名与身份证号,手机号
最近的项目中用的需要调用实名认证的接口,实名认证接口价格相比短信而言高了不是几分钱,所以说调用实名认证的条件就要严格把关,因此用到js验证真实姓名与js验证身份证号。
进入正题
1.js验证真实姓名
js验证真实姓名,是用的unicode字符的来进行匹配,而中国人的姓名长度一般都是2-4,所以重复匹配{2,4}次
var regName =/^[\u4e00-\u9fa5]{2,4}$/;
if(!regName.test(name)){
alert('真实姓名填写有误');
return false;
}
2.js验证身份证号
js验证身份证号,中国的身份证号,一代身份证号是15位的数字,二代身份证都是18位的,最后一位校验位除了可能是数字还可能是'X'或'x',所以有四种可能性:a.15位数字 b.18位数字 c.17位数字,第十八位是'X' d.17位数字,第十八位是'x'
var regIdNo = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
if(!regIdNo.test(idNo)){
alert('身份证号填写有误');
return false;
}
详细版身份证验证:15位和18位身份证JS校验的简单实例
3.js验证手机号
中国的手机号除了区号(+86),之外均是11位数字且首字母一定是1,第二位不一定,但是目前为止还没有出现1和2的
var mobileRegex = /^(((1[3456789][0-9]{1})|(15[0-9]{1}))+\d{8})$/;
if(mobileRegex.test(phone)){
alert('手机号正确');
}else{
alert('手机号输入不正确');
}
【如何使用JS实现短信发送倒计时功能】相关文章:
如何实现JS仿QQ邮箱收件人选择和搜索08-22
如何使用PS实现皮肤美白07-07
PHP如何使用curl实现数据抓取09-27
js怎么样实现iframe 高度自适应07-14
php实现图片缩放功能类08-17
利用python实现简单爬虫功能09-25
PHP实现搜索查询功能的方法技巧08-01
php中怎么实现回删功能08-31