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 相关文章推荐
juqery 学习之六 CSS--css、位置、宽高
Feb 11 Javascript
鼠标滑上去后图片放大浮出效果的js代码
May 28 Javascript
js有关元素内容操作小结
Dec 20 Javascript
JavaScript中几个重要的属性(this、constructor、prototype)介绍
May 19 Javascript
Jquery 表单验证类介绍与实例
Jun 09 Javascript
jQuery实现当前页面标签高亮显示的方法
Mar 10 Javascript
微信小程序点击控件修改样式实例详解
Jul 07 Javascript
JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例
Jul 31 Javascript
vue+element的表格实现批量删除功能示例代码
Aug 17 Javascript
vue上传图片到oss的方法示例(图片带有删除功能)
Sep 27 Javascript
JS原型与继承操作示例
May 09 Javascript
解决vuex改变了state的值,但是页面没有更新的问题
Nov 12 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
不用mod_rewrite直接用php实现伪静态化页面代码
2008/10/04 PHP
PHP获取MAC地址的函数代码
2011/09/11 PHP
PHP使用array_fill定义多维数组的方法
2015/03/18 PHP
PHP获取昨天、今天及明天日期的方法
2016/02/03 PHP
php注册登录系统简化版
2020/12/28 PHP
Laravel学习基础之migrate的使用教程
2017/10/11 PHP
php调用云片网接口发送短信的实现方法
2017/10/25 PHP
Mootools 1.2教程 输入过滤第一部分(数字)
2009/09/15 Javascript
jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
2014/06/16 Javascript
jQuery中的ajax async同步和异步详解
2015/09/29 Javascript
JS鼠标拖拽实例分析
2015/11/23 Javascript
js判断出两个字符串最大子串的函数实现方法
2016/11/01 Javascript
JSON与XML的区别对比及案例应用
2016/11/11 Javascript
JavaScript实现简单的树形菜单效果
2017/06/23 Javascript
Vue组件通信实践记录(推荐)
2017/08/15 Javascript
jQuery基于cookie实现换肤功能实例
2017/10/14 jQuery
Vue中this.$router.push参数获取方法
2018/02/27 Javascript
vue el-table实现行内编辑功能
2019/12/11 Javascript
[01:20]PWL S2开团时刻第三期——团战可以输 蝙蝠必须死
2020/11/26 DOTA
python操作MongoDB基础知识
2013/11/01 Python
python用来获得图片exif信息的库实例分析
2015/03/16 Python
用Python的线程来解决生产者消费问题的示例
2015/04/02 Python
Python登录注册验证功能实现
2018/06/18 Python
Python Django 简单分页的实现代码解析
2019/08/21 Python
Python3 shutil(高级文件操作模块)实例用法总结
2020/02/19 Python
pyspark给dataframe增加新的一列的实现示例
2020/04/24 Python
django form和field具体方法和属性说明
2020/07/09 Python
Python 读取位于包中的数据文件
2020/08/07 Python
美国创意礼品网站:UncommonGoods
2017/02/03 全球购物
Get The Label中文官网:英国运动时尚购物平台
2017/04/19 全球购物
英国最大的婴儿监视器网上商店:Baby Monitors Direct
2018/04/24 全球购物
新闻专业个人求职信
2013/12/19 职场文书
选秀节目策划方案
2014/06/06 职场文书
安徽导游词
2015/02/12 职场文书
中秋节寄语2015
2015/03/24 职场文书
mysql查询结果实现多列拼接查询
2022/04/03 MySQL