js实现短信发送倒计时功能(正则验证)


Posted in Javascript onFebruary 10, 2017

本文实例为大家分享了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('手机号输入不正确');
   }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
div层的移动及性能优化
Nov 16 Javascript
仿当当网淘宝网等主流电子商务网站商品分类导航菜单
Sep 25 Javascript
js操作label给label赋值及取label的值示例
Nov 07 Javascript
js简单抽奖代码
Jan 16 Javascript
用队列模拟jquery的动画算法实例
Jan 20 Javascript
jQuery的animate函数实现图文切换动画效果
May 03 Javascript
AngularJS入门教程引导程序
Aug 18 Javascript
Vue.js与 ASP.NET Core 服务端渲染功能整合
Nov 16 Javascript
vue结合element-ui使用示例
Jan 24 Javascript
vue滚动tab跟随切换效果
Jun 29 Javascript
javascript实现简单搜索功能
Mar 26 Javascript
用vue写一个日历
Nov 02 Javascript
BootStrap select2 动态改变值的方法
Feb 10 #Javascript
angularjs实现的前端分页控件示例
Feb 10 #Javascript
用jQuery旋转插件jqueryrotate制作转盘抽奖
Feb 10 #Javascript
jQuery html表格排序插件tablesorter使用方法详解
Feb 10 #Javascript
简单的vue-resourse获取json并应用到模板示例
Feb 10 #Javascript
jQuery排序插件tableSorter使用方法
Feb 10 #Javascript
详解angularjs结合pagination插件实现分页功能
Feb 10 #Javascript
You might like
提升PHP执行速度全攻略(下)
2006/10/09 PHP
php中可能用来加密字符串的函数[base64_encode、urlencode、sha1]
2012/01/16 PHP
php 中self,this的区别和操作方法实例分析
2019/11/04 PHP
jQuery学习笔记之控制页面实现代码
2012/02/27 Javascript
遍历DOM对象内的元素属性示例代码
2014/02/08 Javascript
JavaScript中实现依赖注入的思路分享
2015/01/15 Javascript
浅谈js中的闭包
2015/03/16 Javascript
javaScript中with函数用法实例分析
2015/06/08 Javascript
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
2015/07/27 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
2015/11/23 Javascript
javascript实现checkbox复选框实例代码
2016/01/10 Javascript
浅谈js script标签中的预解析
2016/12/30 Javascript
jQuery实现文字自动横移
2017/01/08 Javascript
JavaScript面向对象精要(下部)
2017/09/12 Javascript
对angularJs中自定义指令replace的属性详解
2018/10/09 Javascript
微信小程序实现类似微信点击语音播放效果
2020/03/30 Javascript
vue中的 $slot 获取插槽的节点实例
2019/11/12 Javascript
使用vuex较为优雅的实现一个购物车功能的示例代码
2019/12/09 Javascript
关于angular引入ng-zorro的问题浅析
2020/09/09 Javascript
[04:59]DOTA2-DPC中国联赛 正赛 Ehome vs iG 选手采访
2021/03/11 DOTA
Python使用稀疏矩阵节省内存实例
2014/06/27 Python
linux下python抓屏实现方法
2015/05/22 Python
在Python中操作时间之tzset()方法的使用教程
2015/05/22 Python
Python中selenium实现文件上传所有方法整理总结
2017/04/01 Python
python数据结构学习之实现线性表的顺序
2018/09/28 Python
Python元组知识点总结
2019/02/18 Python
python自定义线程池控制线程数量的示例
2019/02/22 Python
代码实例讲解python3的编码问题
2019/07/08 Python
pow在python中的含义及用法
2019/07/11 Python
python 利用turtle模块画出没有角的方格
2019/11/23 Python
个人担保书格式范文
2014/05/12 职场文书
法人授权委托书范本
2014/09/17 职场文书
公务员检讨书
2014/11/01 职场文书
2016教师节感恩话语
2015/12/09 职场文书
Nginx快速入门教程
2021/03/31 Servers
Python爬取某拍短视频
2021/06/11 Python