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 相关文章推荐
js获取input标签的输入值实现代码
Aug 05 Javascript
JavaScript模拟深蓝vs卡斯帕罗夫的国际象棋对局示例
Apr 22 Javascript
jQuery带进度条全屏图片轮播特效代码分享
Jun 28 Javascript
JS实现的自定义网页拖动类
Nov 06 Javascript
js显示动态时间的方法详解
Aug 20 Javascript
利用jquery获取select下拉框的值
Nov 23 Javascript
关于vue.js过渡css类名的理解(推荐)
Apr 10 Javascript
webpack学习笔记之优化缓存、合并、懒加载
Aug 24 Javascript
Angular 向组件传递模板的两种方法
Feb 23 Javascript
详解JavaScript添加给定的标签选项
Sep 17 Javascript
JS面试题中深拷贝的实现讲解
May 07 Javascript
简单了解three.js 着色器材质
Aug 03 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获取远程图片并把它保存到本地的代码
2008/04/07 PHP
完美解决thinkphp唯一索引重复时出错的问题
2017/03/31 PHP
javascript下string.format函数补充
2010/08/24 Javascript
ajax中get和post的说明及使用与区别
2012/12/23 Javascript
js新闻滚动 js如何实现新闻滚动效果
2013/01/07 Javascript
javascript创建数组之联合数组的使用方法示例
2013/12/26 Javascript
js解析json读取List中的实体对象示例
2014/03/11 Javascript
分享两个手机访问pc网站自动跳转手机端网站代码
2020/12/24 Javascript
详解jQuery向动态生成的内容添加事件响应jQuery live()方法
2015/11/02 Javascript
AngularJS使用angular-formly进行表单验证
2015/12/27 Javascript
ionic开发中点击input时键盘自动弹出
2016/12/23 Javascript
详解Vue2+Echarts实现多种图表数据可视化Dashboard(附源码)
2017/03/21 Javascript
使用gulp搭建本地服务器并实现模拟ajax
2017/04/05 Javascript
vue.js实现单选框、复选框和下拉框示例
2017/07/18 Javascript
Angular.js实现获取验证码倒计时60秒按钮的简单方法
2017/10/18 Javascript
简单的三步vuex入门
2018/05/20 Javascript
使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)
2018/10/23 Javascript
小程序实现投票进度条
2019/11/20 Javascript
javascript实现弹出层效果
2019/12/10 Javascript
python中__call__方法示例分析
2014/10/11 Python
Python遍历目录的4种方法实例介绍
2015/04/13 Python
Python实现堡垒机模式下远程命令执行操作示例
2019/05/09 Python
python利用多种方式来统计词频(单词个数)
2019/05/27 Python
python logging日志模块原理及操作解析
2019/10/12 Python
Tensorflow训练模型越来越慢的2种解决方案
2020/02/07 Python
Python要求O(n)复杂度求无序列表中第K的大元素实例
2020/04/02 Python
Python垃圾回收机制三种实现方法
2020/04/27 Python
干部作风整顿自我剖析材料和整改措施
2014/09/18 职场文书
房屋出租委托书格式
2014/09/23 职场文书
离婚协议书范本(2014版)
2014/09/28 职场文书
个人作风纪律整顿整改措施
2014/10/25 职场文书
银行先进个人总结
2015/02/15 职场文书
写给同学的新学期寄语
2015/02/27 职场文书
2016年乡镇七一建党节活动总结
2016/04/05 职场文书
div与span之间的区别与使用介绍
2021/12/06 HTML / CSS
pycharm无法安装cv2模块问题
2022/05/20 Python