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学习笔记(十三) js闭包介绍(转)
Jun 20 Javascript
JavaScript时间转换处理函数
Apr 14 Javascript
不使用script导入js文件的几种方法
Oct 27 Javascript
jQuery.ajax实现根据不同的Content-Type做出不同的响应
Nov 03 Javascript
DOM 事件的深入浅出(一)
Dec 05 Javascript
js+html制作简单验证码
Feb 16 Javascript
浅谈JS获取元素的N种方法及其动静态讨论
Aug 25 Javascript
js中DOM事件绑定分析
Mar 18 Javascript
浅谈vue项目如何打包扔向服务器
May 08 Javascript
微信小程序实现商品属性联动选择
Feb 15 Javascript
微信小程序实现注册登录功能(表单校验、错误提示)
Dec 10 Javascript
vantUI 获得piker选中值的自定义ID操作
Nov 04 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
使用MaxMind 根据IP地址对访问者定位
2006/10/09 PHP
php学习笔记(三)操作符与控制结构
2011/08/06 PHP
php单例模式实现(对象只被创建一次)
2012/12/05 PHP
vmware linux系统安装最新的php7图解
2019/04/14 PHP
载入进度条 效果
2006/07/08 Javascript
JavaScript面向对象(极简主义法minimalist approach)
2012/07/17 Javascript
深入理解JavaScript高级之词法作用域和作用域链
2013/12/10 Javascript
做web开发 先学JavaScript
2014/12/12 Javascript
jQuery Easyui实现左右布局
2016/01/26 Javascript
深入理解Ajax的get和post请求
2016/06/02 Javascript
JavaScript数组的定义及数字操作技巧
2016/06/06 Javascript
AngularJS国际化详解及示例代码
2016/08/18 Javascript
jQuery实现的瀑布流加载效果示例
2016/09/13 Javascript
原生js实现无缝轮播图效果
2017/01/11 Javascript
初探nodeJS
2017/01/24 NodeJs
关于vue.js过渡css类名的理解(推荐)
2017/04/10 Javascript
Webpack打包css后z-index被重新计算的解决方法
2017/06/18 Javascript
vue实现的组件兄弟间通信功能示例
2018/12/04 Javascript
微信小程序搭建自己的Https服务器
2019/05/02 Javascript
Python实现多线程抓取妹子图
2015/08/08 Python
Python操作csv文件实例详解
2017/07/31 Python
python2 与python3的print区别小结
2018/01/16 Python
Python使用functools实现注解同步方法
2018/02/06 Python
Python(Django)项目与Apache的管理交互的方法
2018/05/16 Python
对Pandas DataFrame缺失值的查找与填充示例讲解
2018/11/06 Python
python实现维吉尼亚加密法
2019/03/20 Python
动态设置django的model field的默认值操作步骤
2020/03/30 Python
Python3+RIDE+RobotFramework自动化测试框架搭建过程详解
2020/09/23 Python
世界顶级户外运动品牌折扣网站:LeftLane Sports
2019/06/12 全球购物
static函数与普通函数有什么区别
2015/12/25 面试题
户外亲子活动策划方案
2014/02/07 职场文书
餐厅销售主管职责范本
2014/02/19 职场文书
党的群众路线教育实践活动整改落实情况报告
2014/10/28 职场文书
党员教师群众路线思想汇报范文
2014/10/28 职场文书
MongoDB数据库部署环境准备及使用介绍
2022/03/21 MongoDB
微信小程序APP的生命周期及页面的生命周期
2022/04/19 Javascript