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 新浪的一个图片播放图片轮换效果代码
Jul 15 Javascript
可简单避免的三个JS发布错误的详细介绍
Aug 02 Javascript
分享两个手机访问pc网站自动跳转手机端网站代码
Dec 24 Javascript
jQuery使用CSS()方法给指定元素同时设置多个样式
Mar 26 Javascript
JavaScript实现梯形乘法表的方法
Apr 25 Javascript
JavaScript学习总结之JS、AJAX应用
Jan 29 Javascript
Bootstrap入门书籍之(一)排版
Feb 17 Javascript
JQuery实现DIV其他动画效果的简单实例
Sep 18 Javascript
探讨跨域请求资源的几种方式(总结)
Dec 02 Javascript
vue better scroll 无法滚动的解决方法
Jun 07 Javascript
JavaScript页面倒计时功能完整示例
May 15 Javascript
如何使用Javascript中的this关键字
May 28 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做下载文件的实现代码及文件名中乱码解决方法
2011/02/03 PHP
PHP5.3的垃圾回收机制(动态存储分配方案)深入理解
2012/12/10 PHP
深入php函数file_get_contents超时处理的方法详解
2013/06/03 PHP
PHP错误Warning: Cannot modify header information - headers already sent by解决方法
2014/09/27 PHP
浅谈PHP中的
2016/04/23 PHP
jQuery 白痴级入门教程
2009/11/11 Javascript
用js脚本控制asp.net下treeview的NodeCheck的实现代码
2010/03/02 Javascript
关于jquery input textare 事件绑定及用法学习
2013/04/03 Javascript
JavaScript加强之自定义callback示例
2013/09/21 Javascript
javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)
2013/12/17 Javascript
javascript原型链继承用法实例分析
2015/01/28 Javascript
jQuery搜索同辈元素方法
2015/02/10 Javascript
Javascript核心读书有感之类型、值和变量
2015/02/11 Javascript
Javascript中的方法链(Method Chaining)介绍
2015/03/15 Javascript
ECMAScript6函数默认参数
2015/06/12 Javascript
jQuery轻松实现表格的隔行变色和点击行变色的实例代码
2016/05/09 Javascript
js实现按钮控制带有停顿效果的图片滚动
2016/08/30 Javascript
js面向对象实现canvas制作彩虹球喷枪效果
2016/09/24 Javascript
javascript中Number的方法小结
2016/11/21 Javascript
jQuery插件imgAreaSelect基础讲解
2017/05/26 jQuery
Angular.js中angular-ui-router的简单实践
2017/07/18 Javascript
JavaScript实现精美个性导航栏筋斗云效果
2017/10/29 Javascript
Layui实现主窗口和Iframe层参数传递
2019/11/14 Javascript
ES6 Object.assign()的用法及其使用
2020/01/18 Javascript
解决vuex刷新数据消失问题
2020/11/12 Javascript
python3获取当前文件的上一级目录实例
2018/04/26 Python
使用Django简单编写一个XSS平台的方法步骤
2019/03/25 Python
Ubuntu+python将nii图像保存成png格式
2019/07/18 Python
详解KMP算法以及python如何实现
2020/09/18 Python
波兰最大的度假胜地和城市公寓租赁运营商:Sun & Snow
2018/10/18 全球购物
大学生求职简历的自我评价范文
2013/10/12 职场文书
政府班子四风问题整改措施
2014/10/04 职场文书
2014年人力资源工作总结
2014/11/19 职场文书
2014年财务经理工作总结
2014/12/08 职场文书
python用海龟绘图写贪吃蛇游戏
2021/06/18 Python
dubbo服务整合zipkin详解
2021/07/26 Java/Android