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实现的所谓的滑动门
May 23 Javascript
JavaScript XML实现两级级联下拉列表
Nov 10 Javascript
JavaScript 动态创建VML的方法
Oct 14 Javascript
javascript实现表格增删改操作实例详解
May 15 Javascript
JavaScript和JQuery的鼠标mouse事件冒泡处理
Jun 19 Javascript
php结合imgareaselect实现图片裁剪
Jul 05 Javascript
基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法
May 10 Javascript
vue自定义指令实现v-tap插件
Nov 03 Javascript
JavaScript禁止微信浏览器下拉回弹效果
May 16 Javascript
Vue.js仿微信聊天窗口展示组件功能
Aug 11 Javascript
详解Vue中一种简易路由传参办法
Sep 15 Javascript
JavaScript的console命令使用实例
Dec 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连接mssql的一些相关经验及注意事项
2013/02/05 PHP
php实现cc攻击防御和防止快速刷新页面示例
2014/02/13 PHP
php.ini中date.timezone设置详解
2016/11/20 PHP
Laravel 集成 Geetest验证码的方法
2018/05/14 PHP
JavaScript实现动态增加文件域表单
2009/02/12 Javascript
jQuery 幻灯片插件(带缩略图功能)
2011/01/24 Javascript
js实现连续英文字符自动换行兼容ie6 ie7和firefox
2013/09/06 Javascript
可以用鼠标拖动的DIV实现思路及代码
2013/10/21 Javascript
js清理Word格式示例代码
2014/02/13 Javascript
jquery查找tr td 示例模拟
2014/05/08 Javascript
JS 弹出层 定位至屏幕居中示例
2014/05/21 Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
2014/08/18 Javascript
jQuery实现返回顶部效果的方法
2015/05/29 Javascript
详解JavaScript编程中的数组结构
2015/10/24 Javascript
详解jQuery向动态生成的内容添加事件响应jQuery live()方法
2015/11/02 Javascript
浅析js的模块化编写 require.js
2016/12/07 Javascript
jQuery EasyUI Panel面板组件使用详解
2017/02/28 Javascript
Vue键盘事件用法总结
2017/04/18 Javascript
详解Node.js项目APM监控之New Relic
2017/05/12 Javascript
浅谈Angularjs中不同类型的双向数据绑定
2018/07/16 Javascript
ng-repeat指令在迭代对象时的去重方法
2018/10/02 Javascript
JavaScript JSON数据处理全集(小结)
2019/08/15 Javascript
Python+Django在windows下的开发环境配置图解
2009/11/11 Python
简单谈谈python中的Queue与多进程
2016/08/25 Python
python实现控制电脑鼠标和键盘,登录QQ的方法示例
2019/07/06 Python
Django使用uwsgi部署时的配置以及django日志文件的处理方法
2019/08/30 Python
Python实现基于socket的udp传输与接收功能详解
2019/11/15 Python
Scrapy基于scrapy_redis实现分布式爬虫部署的示例
2020/09/29 Python
通过Python pyecharts输出保存图片代码实例
2020/11/25 Python
Canvas globalCompositeOperation
2018/12/18 HTML / CSS
德国购买门票网站:ADticket.de
2019/10/31 全球购物
法人代表证明书格式
2014/10/01 职场文书
培训心得体会怎么写
2016/01/25 职场文书
中学生打架《检讨书》范文
2019/08/12 职场文书
Python实现文字pdf转换图片pdf效果
2022/04/03 Python
彻底弄懂Python中的回调函数(callback)
2022/06/25 Python