js实现短信发送倒计时功能(正则验证)
2019/6/27 21:10:45
本文主要是介绍js实现短信发送倒计时功能(正则验证),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
本文实例为大家分享了js短信发送倒计时的具体代码,供大家参考,具体内容如下
<div class="login"> <form action="" method="post"> <div 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> </div> <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> </div>
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实现短信发送倒计时功能(正则验证)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-15useCallback教程:React Hook入门与实践
- 2024-11-15React中使用useContext开发:初学者指南
- 2024-11-15拖拽排序js案例详解:新手入门教程
- 2024-11-15React中的自定义Hooks案例详解
- 2024-11-14受控组件项目实战:从零开始打造你的第一个React项目
- 2024-11-14React中useEffect开发入门教程
- 2024-11-14React中的useMemo教程:从入门到实践
- 2024-11-14useReducer开发入门教程:轻松掌握React中的useReducer
- 2024-11-14useRef开发入门教程:轻松掌握React中的useRef用法
- 2024-11-14useState开发:React中的状态管理入门教程