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 相关文章推荐
一个cssQuery对象 javascript脚本实现代码
Jul 21 Javascript
javascript实现下拉提示选择框
Dec 29 Javascript
超全面的javascript中变量命名规则
Feb 09 Javascript
微信小程序选择图片和放大预览图片功能
Nov 02 Javascript
js tab栏切换代码实例解析
Sep 03 Javascript
vue动态路由:路由参数改变,视图不更新问题的解决
Nov 05 Javascript
JS实现移动端双指缩放和旋转方法
Dec 13 Javascript
Vue实现星级评价效果实例详解
Dec 30 Javascript
jquery实现垂直手风琴菜单
Mar 04 jQuery
Quasar Input:type=&quot;number&quot; 去掉上下小箭头 实现加减按钮样式功能
Apr 09 Javascript
JS轮播图的实现方法2
Aug 25 Javascript
详解vue修改elementUI的分页组件视图没更新问题
Nov 13 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 编程的 5个良好习惯
2009/02/20 PHP
Opcache导致php-fpm崩溃nginx返回502
2015/03/02 PHP
Zend Framework实现多文件上传功能实例
2016/03/21 PHP
php微信高级接口调用方法(自定义菜单接口、客服接口、二维码)
2016/11/28 PHP
php+laravel依赖注入知识点总结
2019/11/04 PHP
浅析Js中的单引号与双引号问题
2013/11/06 Javascript
浅谈Javascript中的Function与Object
2015/01/26 Javascript
jquery制作LED 时钟特效
2015/02/01 Javascript
JS中innerHTML和pasteHTML的区别实例分析
2016/06/22 Javascript
Node.js DES加密的简单实现
2016/07/07 Javascript
轻松掌握JavaScript单例模式
2016/08/25 Javascript
jQuery  ready方法实现原理详解
2016/10/19 Javascript
js在ie下打开对话窗口的方法小结
2016/10/24 Javascript
Javascript实现倒计时(防页面刷新)实例
2016/12/13 Javascript
微信小程序实现获取自己所处位置的经纬度坐标功能示例
2017/11/30 Javascript
vue .js绑定checkbox并获取、改变选中状态的实例
2018/08/24 Javascript
javascript操作元素的常见方法小结
2019/11/13 Javascript
Element Notification通知的实现示例
2020/07/27 Javascript
Python3基础之输入和输出实例分析
2014/08/18 Python
采用Psyco实现python执行速度提高到与编译语言一样的水平
2014/10/11 Python
python使用装饰器和线程限制函数执行时间的方法
2015/04/18 Python
Python处理JSON数据并生成条形图
2016/08/05 Python
Python实现简易Web爬虫详解
2018/01/03 Python
django orm 通过related_name反向查询的方法
2018/12/15 Python
python生成器/yield协程/gevent写简单的图片下载器功能示例
2019/10/28 Python
python matplotlib画盒图、子图解决坐标轴标签重叠的问题
2020/01/19 Python
Python3+Selenium+Chrome实现自动填写WPS表单
2020/02/12 Python
Python logging模块进行封装实现原理解析
2020/08/07 Python
css3实现简单的白云飘动背景特效
2020/10/28 HTML / CSS
捷克街头、运动和滑板一站式商店:BoardStar.cz
2019/10/06 全球购物
SHEIN美国:购买时髦的女性服装
2020/12/02 全球购物
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢? 是用==还是equals()? 它们有何区别?
2014/07/27 面试题
运动会演讲稿300字
2014/08/25 职场文书
村长党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
教师节晚会主持词
2015/06/30 职场文书
2016大学先进团支部事迹材料
2016/03/01 职场文书