js验证手机号、密码、短信验证码代码工具类


Posted in Javascript onJune 24, 2020

本文实例为大家分享了js验证手机号、密码、短信验证码的代码工具类,供大家参考,具体内容如下

代码工具类

/** 
 * 参数较验 
 * 
 * */ 
var verification = { 
 stop : false, //倒计时 
 //验证手机号 
 phone : function (tel, id) { 
  if ("" == tel || !tel) { 
   mui.toast('手机号不可以为空!'); 
  } else { 
   var reg = /^0?1[3|4|5|7|8][0-9]\d{8}$/; 
   //验证规则 
   if (reg.test(tel)) return true; 
   mui.toast("手机号错误!"); 
  } 
  document.getElementById(id).focus(); 
  return false; 
 }, 
 
 //验证密码(密码只能由数字和字母组成) 
 password : function (w, id) { 
  if ("" == w || !w) { 
   mui.toast('请输入密码!'); 
  } else if (w.length < 6) { 
   mui.toast('密码至少大于等于6位!'); 
  } else if (w.length > 20) { 
   mui.toast('密码不能超过20位!'); 
  } else if (w) { 
   var reg = /^[0-9a-zA-Z]+$/; 
   if (reg.test(w)) return true; 
   mui.toast("密码只能由数字和字母组成"); 
  } 
  document.getElementById(id).focus(); 
  return false; 
 }, 
 
 //验证码倒计时 
 code : function (tel, btn, type) { 
  var that = this, 
   tel = $.trim(tel); 
  if (!this.phone(tel, 'userTel')) return false; 
  if (true == that.stop) return false; //防止重复点击 
  that.stop = true; 
 
  var btn = $("#"+btn); 
  btn.attr("disabled", true).text("正在发送"); 
  var _no = 60; 
  var time = setInterval(function () { 
   _no--; 
   btn.text(_no + "秒后重发"); 
   if (_no == 0) { 
    //btn.attr("disabled", false).text("获取验证码"); 
    btn.removeAttr('disabled').text("重新获取验证码"); 
    that.stop = false; 
    _no = 60; 
    clearInterval(time); 
   } 
  }, 1000); 
 
  var url = "/Home/User/sendVerifyCode.html"; 
  $.post(url, { 
   toNumber: tel, 
   type:type 
  }, function (result) { 
   mui.toast(result.info); 
   if (200 != result.status) { 
    btn.removeAttr('disabled').text("获取验证码"); 
    that.stop = false; 
    _no = 60; 
    clearInterval(time); 
   } 
  }, 'json'); 
 } 
};

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js中判断文本框是否为空的两种方法
Jul 31 Javascript
JavaScript中匿名、命名函数的性能测试
Sep 04 Javascript
jQuery中:has选择器用法实例
Dec 30 Javascript
JS实现点击文字对应DIV层不停闪动效果的方法
Mar 02 Javascript
JS实现兼容各种浏览器的高级拖动方法完整实例【测试可用】
Jun 21 Javascript
微信小程序 后台https域名绑定和免费的https证书申请详解
Nov 10 Javascript
JS实现选定指定HTML元素对象中指定文本内容功能示例
Feb 13 Javascript
Vue.Draggable实现拖拽效果
Jul 29 Javascript
zTree获取当前节点的下一级子节点数实例
Sep 05 Javascript
JavaScript捕捉事件和阻止冒泡事件实例分析
Aug 03 Javascript
vue中uni-app 实现小程序登录注册功能
Oct 12 Javascript
Openlayers实现地图的基本操作
Sep 28 Javascript
微信小程序 swiper制作tab切换实现附源码
Jan 21 #Javascript
微信小程序之拖拽排序(代码分享)
Jan 21 #Javascript
微信小程序 利用css实现遮罩效果实例详解
Jan 21 #Javascript
JavaScript数组去重的6个方法
Jan 21 #Javascript
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
Jan 21 #Javascript
JS常用知识点整理
Jan 21 #Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(一)
Jan 21 #Javascript
You might like
PHP开发框架总结收藏
2008/04/24 PHP
五款常用mysql slow log分析工具的比较分析
2011/05/22 PHP
PHP实现的简单mock json脚本分享
2015/02/10 PHP
Zend Framework教程之配置文件application.ini解析
2016/03/10 PHP
php二维数组按某个键值排序的实例讲解
2019/02/15 PHP
php 函数中静态变量使用的问题实例分析
2020/03/05 PHP
jQuery对象和DOM对象使用说明
2010/06/25 Javascript
兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码
2011/11/30 Javascript
js+css实现的简单易用兼容好的分页
2013/12/30 Javascript
浅谈javascript回调函数
2014/12/07 Javascript
Vuejs第十一篇组件之slot内容分发实例详解
2016/09/09 Javascript
基于JS实现横线提示输入验证码随验证码输入消失(js验证码的实现)
2016/10/27 Javascript
AngularJS开发教程之控制器之间的通信方法分析
2016/12/25 Javascript
jQuery 控制文本框自动缩小字体填充
2017/06/16 jQuery
nodejs密码加密中生成随机数的实例代码
2017/07/17 NodeJs
微信小程序request请求后台接口php的实例详解
2017/09/20 Javascript
AngularJS实现的生成随机数与猜数字大小功能示例
2017/12/25 Javascript
关于ES6箭头函数中的this问题
2018/02/27 Javascript
layui-table表复选框勾选的所有行数据获取的例子
2019/09/13 Javascript
layui动态渲染生成select的option值方法
2019/09/23 Javascript
[01:33]完美世界DOTA2联赛PWL S3 集锦第二期
2020/12/21 DOTA
python async with和async for的使用
2019/06/20 Python
pyinstaller 3.6版本通过pip安装失败的解决办法(推荐)
2020/01/18 Python
python等待10秒执行下一命令的方法
2020/07/19 Python
python3.7 openpyxl 在excel单元格中写入数据实例
2020/09/01 Python
css3中检验表单的required,focus,valid和invalid样式
2014/02/21 HTML / CSS
Perfumetrader荷兰:香水、化妆品和护肤品在线商店
2017/09/15 全球购物
台湾良兴购物网:EcLife
2019/12/01 全球购物
导游实习生自荐书
2014/01/28 职场文书
报关报检委托书
2014/04/08 职场文书
2014年学习厉行节约反对浪费思想汇报
2014/09/10 职场文书
企业委托书范本
2014/09/13 职场文书
银行业务授权委托书
2014/10/10 职场文书
爱国主义影片观后感
2015/06/18 职场文书
读《儒林外史》有感:少一些功利,多一些真诚
2020/01/19 职场文书
CSS 文字装饰 text-decoration & text-emphasis 详解
2021/04/06 HTML / CSS