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 相关文章推荐
Jsonp 跨域的原理以及Jquery的解决方案
May 18 Javascript
Jquery图片滚动与幻灯片的实例代码
Apr 08 Javascript
基于SVG的web页面图形绘制API介绍及编程演示
Jun 28 Javascript
基于JQuery实现分隔条的功能
Jun 17 Javascript
webpack入门必知必会
Jan 16 Javascript
vue2.0实现倒计时的插件(时间戳 刷新 跳转 都不影响)
Mar 30 Javascript
全面解析vue中的数据双向绑定
May 10 Javascript
Three.js实现绘制字体模型示例代码
Sep 26 Javascript
Vue2.5通过json文件读取数据的方法
Feb 27 Javascript
基于vue2.0动态组件及render详解
Mar 17 Javascript
深入理解Vue.js轻量高效的前端组件化方案
Dec 10 Javascript
vue配置nprogress实现页面顶部进度条
Sep 21 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
基于ThinkPHP实现批量删除
2015/12/18 PHP
深入浅析php中sprintf与printf函数的用法及区别
2016/01/08 PHP
PHP内存溢出优化代码详解
2021/02/26 PHP
JQuery 图片延迟加载并等比缩放插件
2009/11/09 Javascript
JavaScript/jQuery 表单美化插件小结
2012/02/14 Javascript
js实现固定显示区域内自动缩放图片的方法
2015/07/18 Javascript
JQuery中ajax方法访问web服务实例
2015/07/18 Javascript
解决JS无法调用Controller问题的方法
2015/12/31 Javascript
jQuery弹层插件jquery.fancybox.js用法实例
2016/01/22 Javascript
Angular发布1.5正式版,专注于向Angular 2的过渡
2016/02/18 Javascript
js实现动态创建的元素绑定事件
2016/07/19 Javascript
js中判断变量类型函数typeof的用法总结
2016/08/09 Javascript
js获取腾讯视频ID的方法
2016/10/03 Javascript
Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解
2018/03/13 Javascript
使用JS判断移动端手机横竖屏状态
2018/07/30 Javascript
微信小程序用户信息encryptedData详解
2018/08/24 Javascript
AngularJs返回前一页面时刷新一次前面页面的方法
2018/10/09 Javascript
vue filter 完美时间日期格式的代码
2019/08/14 Javascript
vue-cli 为项目设置别名的方法
2019/10/15 Javascript
Python中用max()方法求最大值的介绍
2015/05/15 Python
Python使用Beautiful Soup包编写爬虫时的一些关键点
2016/01/20 Python
python实现闹钟定时播放音乐功能
2018/01/25 Python
python数字图像处理之骨架提取与分水岭算法
2018/04/27 Python
Python模拟自动存取款机的查询、存取款、修改密码等操作
2018/09/02 Python
Python 安装第三方库 pip install 安装慢安装不上的解决办法
2019/06/18 Python
使用Html5中的cavas画一面国旗
2019/09/25 HTML / CSS
澳大利亚现代波西米亚风格女装网站:Bohemian Traders
2018/04/16 全球购物
UDP协议功能
2013/01/06 面试题
车间主管岗位职责
2013/11/14 职场文书
汽车技术服务英文求职信范文
2014/01/02 职场文书
高中生期末评语大全
2014/01/28 职场文书
写得不错的求职信范文
2014/07/11 职场文书
2015年小学生新年寄语
2014/12/08 职场文书
北京英语导游词
2015/02/12 职场文书
财政局长个人总结
2015/03/04 职场文书
笔记本自带的win11如何跳过联网激活?
2022/04/20 数码科技