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面向对象编程 for Cookie
Sep 19 Javascript
JavaScript 和 Java 的区别浅析
Jul 31 Javascript
动态读取JSON解析键值对的方法
Jun 03 Javascript
自编jQuery插件实现模拟alert和confirm
Sep 01 Javascript
简介JavaScript中的italics()方法的使用
Jun 08 Javascript
使用bat打开多个cmd窗口执行gulp、node
Feb 17 Javascript
浅谈AngularJS中使用$resource(已更新)
Sep 14 Javascript
javascript基于定时器实现进度条功能实例
Oct 13 Javascript
详解基于Vue+Koa的pm2配置
Oct 24 Javascript
使用uni-app开发微信小程序的实现
Dec 13 Javascript
node.js基于dgram数据报模块创建UDP服务器和客户端操作示例
Feb 12 Javascript
JS异步堆栈追踪之为什么await胜过Promise
Apr 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实现Ftp用户的在线管理的代码
2007/03/06 PHP
php foreach、while性能比较
2009/10/15 PHP
PHP5中使用PDO连接数据库的方法
2010/08/01 PHP
使用PHP接收POST数据,解析json数据
2013/06/28 PHP
php简单统计中文个数的方法
2016/09/30 PHP
不错的JS中变量相关的细节分析
2007/08/13 Javascript
javascript变量声明实例分析
2015/04/25 Javascript
JavaScript实现鼠标滑过处生成气泡的方法
2015/05/16 Javascript
基于RequireJS和JQuery的模块化编程日常问题解析
2016/04/14 Javascript
jQuery判断自定义属性data-val用法示例
2019/01/07 jQuery
如何为你的JS项目添加智能提示与类型检查详解
2019/03/12 Javascript
layer.open 获取不到表单信息的解决方法
2019/09/26 Javascript
微信小程序实现搜索功能
2020/03/10 Javascript
Linux下将Python的Django项目部署到Apache服务器
2015/12/24 Python
Python处理文本文件中控制字符的方法
2017/02/07 Python
单利模式及python实现方式详解
2018/03/20 Python
python实现微信小程序自动回复
2018/09/10 Python
Python使用Pickle模块进行数据保存和读取的讲解
2019/04/09 Python
python+selenium 点击单选框-radio的实现方法
2019/09/03 Python
Python pandas 列转行操作详解(类似hive中explode方法)
2020/05/18 Python
一款利用html5和css3实现的3D滚动特效的教程
2015/01/04 HTML / CSS
css3 transform及原生js实现鼠标拖动3D立方体旋转
2016/06/20 HTML / CSS
CSS3关于z-index不生效问题的解决
2020/02/19 HTML / CSS
HTML5之SVG 2D入门7—SVG元素的重用与引用
2013/01/30 HTML / CSS
详解Canvas实用库Fabric.js使用手册
2019/01/07 HTML / CSS
米兰必去买手店排行榜首位:Antonioli
2016/09/11 全球购物
美国手工艺品市场的领导者:Annie’s
2019/04/04 全球购物
杭州信雅达系统.NET工程师面试试题
2015/02/08 面试题
学习雷锋精神心得体会范文
2014/03/12 职场文书
团日活动总结范文
2014/04/25 职场文书
注册资产评估专业求职信
2014/07/16 职场文书
学生安全责任书范本
2014/07/24 职场文书
三方股东合作协议书
2014/10/28 职场文书
2019如何书写演讲稿?
2019/07/01 职场文书
Spring Boot 实现敏感词及特殊字符过滤处理
2021/06/29 Java/Android
Python 键盘事件详解
2021/11/11 Python