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 相关文章推荐
收藏Javascript中常用的55个经典技巧
Aug 12 Javascript
JQuery 将元素显示在屏幕的中央的代码
Feb 27 Javascript
jQuery MD5加密实现代码
Mar 15 Javascript
Linux下编译安装php libevent扩展实例
Feb 14 Javascript
js检测判断日期大于多少天的方法
May 04 Javascript
深入理解JQuery中的事件与动画
May 18 Javascript
JavaScript实现阿拉伯数字和中文数字互相转换
Jun 12 Javascript
Bootstrap源码解读按钮(5)
Dec 23 Javascript
浅谈vue加载优化策略
Mar 19 Javascript
JavaScript解析JSON数据示例
Jul 16 Javascript
微信小程序仿今日头条导航栏滚动解析
Aug 20 Javascript
JS script脚本中async和defer区别详解
Jun 24 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
ThinkPHP之import方法实例详解
2014/06/20 PHP
PHP双向链表定义与用法示例
2018/01/31 PHP
PHP小程序支付功能完整版【基于thinkPHP】
2019/03/26 PHP
各种常用浏览器getBoundingClientRect的解析
2009/05/21 Javascript
jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
2013/05/28 Javascript
整理的比较全的event对像在ie与firefox浏览器中的区别
2013/11/25 Javascript
JavaScript实现存储HTML字符串示例
2014/04/21 Javascript
jQuery插件开发详细教程
2014/06/06 Javascript
js中使用replace方法完成某个字符的转换
2014/08/20 Javascript
JsRender实用入门教程
2014/10/31 Javascript
vue开发心得和技巧分享
2016/10/27 Javascript
js实现拖拽功能
2017/03/01 Javascript
Node.js服务器开启Gzip压缩教程
2017/08/11 Javascript
微信小程序tabBar模板用法实例分析【附demo源码下载】
2017/11/28 Javascript
微信小程序loading组件显示载入动画用法示例【附源码下载】
2017/12/09 Javascript
vue检测对象和数组的变化分析
2018/06/30 Javascript
微信小程序个人中心的列表控件实现代码
2020/04/26 Javascript
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记
2020/07/15 Javascript
python搜索指定目录的方法
2015/04/29 Python
Python基于正则表达式实现检查文件内容的方法【文件检索】
2017/08/30 Python
python对离散变量的one-hot编码方法
2018/07/11 Python
利用python实现简易版的贪吃蛇游戏(面向python小白)
2018/12/30 Python
Python设计模式之解释器模式原理与用法实例分析
2019/01/10 Python
python GUI库图形界面开发之PyQt5菜单栏控件QMenuBar的详细使用方法与实例
2020/02/28 Python
Python绘图实现台风路径可视化代码实例
2020/10/23 Python
安装Anaconda3及使用Jupyter的方法
2020/10/27 Python
css3实现画半圆弧线的示例代码
2017/11/06 HTML / CSS
美国内衣品牌:Leonisa
2016/08/14 全球购物
印度和世界各地的精美产品:Ikka Dukka
2018/02/12 全球购物
工程招投标邀请书
2014/01/26 职场文书
中文师范生自荐信
2014/01/30 职场文书
银行工作检查书范文
2014/01/31 职场文书
2014年房地产个人工作总结
2014/12/20 职场文书
2015年宣传部工作总结范文
2015/03/31 职场文书
你离财务总监还有多远?速览CFO的岗位职责
2019/11/18 职场文书
《和时间赛跑》读后感3篇
2019/12/16 职场文书