- 相關推薦
如何使用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實現短信發送倒計時功能】相關文章：
php+js實現倒計時功能08-28
如何使用JavaScript實現倒計時10-14
如何使用JS實現PC端移動端的刮卡效果10-14
如何使用JSP來發送郵件07-04
如何使用Google-Code-Prettify 實現代碼高亮功能08-03
php實時倒計時功能實現方法詳解08-06
如何使用dreamweaver的模板功能11-03
Word自帶的截圖功能如何使用10-19
wps文字如何使用并打功能06-14