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 相关文章推荐
jQuery学习笔记之jQuery选择器的使用
Dec 22 Javascript
基于jquery的文章中所有图片width大小批量设置方法
Aug 01 Javascript
js跳转页面方法总结
Jan 29 Javascript
jQuery的context属性用法实例
Dec 27 Javascript
window.location.reload 刷新使用分析(去对话框)
Nov 11 Javascript
JavaScript 正则表达式中global模式的特性
Feb 25 Javascript
移动端日期插件Mobiscroll.js使用详解
Dec 19 Javascript
AngularJS报错$apply already in progress的解决方法分析
Jan 30 Javascript
实例详解JavaScript中setTimeout函数的执行顺序
Jul 12 Javascript
微信小程序实现运动步数排行功能(可删除)
Jul 05 Javascript
js作用域和作用域链及预解析
Apr 11 Javascript
高效jQuery选择器的5个技巧实例分析
Nov 26 jQuery
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获取mysql版本的几种方法小结
2008/03/25 PHP
解析:使用php mongodb扩展时 需要注意的事项
2013/06/18 PHP
百度地图经纬度转换到腾讯地图/Google 对应的经纬度
2015/08/28 PHP
PHP编写文件多服务器同步程序
2016/07/02 PHP
PHP实现合并两个排序链表的方法
2018/01/19 PHP
PHP 访问数据库配置通用方法(json)
2018/05/20 PHP
php将从数据库中获得的数据转换成json格式并输出的方法
2018/08/21 PHP
PHP实现负载均衡的加权轮询方法分析
2018/08/22 PHP
firefox插件Firebug的使用教程
2010/01/02 Javascript
js保留小数点后几位的写法
2014/01/03 Javascript
用jquery.sortElements实现table排序
2014/05/04 Javascript
jQuery提示效果代码分享
2014/11/20 Javascript
浅谈JavaScript 覆盖原型以及更改原型
2016/08/31 Javascript
微信小程序 input输入框控件详解及实例(多种示例)
2016/12/14 Javascript
Jquery Easyui分割按钮组件SplitButton使用详解(17)
2016/12/18 Javascript
详解js中常规日期格式处理、月历渲染和倒计时函数
2016/12/28 Javascript
解决vue 中 echart 在子组件中只显示一次的问题
2018/08/07 Javascript
小程序如何写动态标签的实现方法
2020/02/05 Javascript
微信小程序自定义yPicker组件实现省市区三级联动功能
2020/10/29 Javascript
使用python生成目录树
2018/03/29 Python
Python聊天室程序(基础版)
2018/04/01 Python
Python3压缩和解压缩实现代码
2021/03/01 Python
css3的transform中scale缩放详解
2014/12/08 HTML / CSS
荷兰多品牌网上鞋店:Stoute Schoenen
2017/08/24 全球购物
丹尼尔惠灵顿手表天猫官方旗舰店:Daniel Wellington
2017/08/25 全球购物
Internet体系结构
2014/12/21 面试题
Java中各种基本数据类型的默认值都是什么
2016/12/22 面试题
vue路由实现登录拦截
2021/03/24 Vue.js
初中三年学生的学习自我评价
2013/11/13 职场文书
人力资源管理专业自荐书范文
2014/02/10 职场文书
创建精神文明单位实施方案
2014/03/08 职场文书
圣诞节活动策划方案
2014/06/09 职场文书
求职意向书范本
2015/05/11 职场文书
校园广播站开场白
2015/06/01 职场文书
春风化雨观后感
2015/06/11 职场文书
Python中time标准库的使用教程
2022/04/13 Python