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代码
Dec 24 Javascript
javascript 动态修改css样式方法汇总(四种方法)
Aug 27 Javascript
JS命令模式例子之菜单程序
Oct 10 Javascript
vue单页应用中如何使用jquery的方法示例
Jul 27 jQuery
json2.js 入门教程之使用方法与实例分析
Sep 14 Javascript
JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
May 14 Javascript
Vue配合iView实现省市二级联动的示例代码
Jul 27 Javascript
微信小程序实现渐入渐出动画效果
Jun 13 Javascript
解决Layui 表格自适应高度的问题
Nov 15 Javascript
vue项目在线上服务器访问失败原因分析
Aug 14 Javascript
Vue.js暴露方法给WebView的使用操作
Sep 07 Javascript
解决vant中 tab栏遇到的坑 van-tabs
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
世界收音机发展史
2021/03/01 无线电
模仿OSO的论坛(二)
2006/10/09 PHP
PHPMYADMIN 简明安装教程 推荐
2010/03/07 PHP
浅谈Javascript鼠标和滚轮事件
2012/06/27 Javascript
JS 去前后空格大全(IE9亲测)
2013/07/15 Javascript
js判断iframe内的网页是否滚动到底部触发事件
2014/03/18 Javascript
jquery 根据name名获取元素的value值
2015/02/27 Javascript
JavaScript移除数组内重复元素的方法
2015/03/18 Javascript
在Ubuntu系统上安装Node.JS的教程
2015/10/15 Javascript
基于JavaScript实现跳转提示页面
2016/09/24 Javascript
Vue.js表单控件实践
2016/10/27 Javascript
jquery.Jcrop结合JAVA后台实现图片裁剪上传实例
2016/11/05 Javascript
js 动态生成json对象、时时更新json对象的方法
2016/12/02 Javascript
Vue2实现组件props双向绑定
2016/12/02 Javascript
使用JavaScript触发过渡效果的方法
2017/01/19 Javascript
Vue+Element使用富文本编辑器的示例代码
2017/08/14 Javascript
switchery按钮的使用方法
2017/12/18 Javascript
jquery获取file表单选择文件的路径、名字、大小、类型
2019/01/18 jQuery
[02:26]2016国际邀请赛8月3日开战 中国军团出征西雅图
2016/08/02 DOTA
Python中使用partial改变方法默认参数实例
2015/04/28 Python
Python语言实现机器学习的K-近邻算法
2015/06/11 Python
详解Python中的Descriptor描述符类
2016/06/14 Python
python技能之数据导出excel的实例代码
2017/08/11 Python
Python字典及字典基本操作方法详解
2018/01/30 Python
Python设计模式之适配器模式原理与用法详解
2019/01/15 Python
python实现二维数组的对角线遍历
2019/03/02 Python
python3实现的zip格式压缩文件夹操作示例
2019/08/17 Python
浅谈django url请求与数据库连接池的共享问题
2019/08/29 Python
python 输出列表元素实例(以空格/逗号为分隔符)
2019/12/25 Python
python 绘制场景热力图的示例
2020/09/23 Python
详解canvas.toDataURL()报错的解决方案全都在这了
2020/03/31 HTML / CSS
耐克美国官网:Nike.com
2016/08/01 全球购物
新学期家长寄语
2014/01/19 职场文书
低碳日宣传活动总结
2014/07/09 职场文书
住房租房协议书
2014/08/20 职场文书
2014幼儿教师个人工作总结
2014/12/03 职场文书