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 上下左右键控制焦点(示例代码)
Dec 14 Javascript
使用jQuery不判断浏览器高度解决iframe自适应高度问题
Dec 16 Javascript
JavaScript实现定时隐藏与显示图片的方法
Aug 06 Javascript
JavaScript实现带箭头标识的多级下拉菜单效果
Aug 27 Javascript
javascript实现列表切换效果
May 02 Javascript
JS转换HTML转义符的方法
Aug 24 Javascript
Angularjs实现mvvm式的选项卡示例代码
Sep 08 Javascript
JavaScript实现url参数转成json形式
Sep 25 Javascript
js 动态生成json对象、时时更新json对象的方法
Dec 02 Javascript
javascript自定义事件功能与用法实例分析
Nov 08 Javascript
vue中@change兼容问题详解
Oct 25 Javascript
在vue中使用Base64转码的案例
Aug 07 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将数组转换成csv格式文件输出的方法
2015/03/14 PHP
PHP 500报错的快速解决方法
2016/12/14 PHP
PHP 文件锁与进程锁的使用示例
2017/08/07 PHP
PHP生成zip压缩包的常用方法示例
2019/08/22 PHP
js 复制或插入Html的实现方法小结
2010/05/19 Javascript
JQuery里选择超链接的实现代码
2011/05/22 Javascript
jquery多选项卡效果实例代码(附效果图)
2013/03/23 Javascript
『JavaScript』限制Input只能输入数字实现思路及代码
2013/04/22 Javascript
javascript实现根据3原色制作颜色选择器的方法
2015/07/17 Javascript
JavaScript中push(),join() 函数 实例详解
2016/09/06 Javascript
使用JQuery中的trim()方法去掉前后空格
2016/09/16 Javascript
用jQuery旋转插件jqueryrotate制作转盘抽奖
2017/02/10 Javascript
浅析vue.js数组的变异方法
2018/06/30 Javascript
微信小程序登录按钮遮罩浮层效果的实现方法
2018/12/16 Javascript
解决Layui数据表格的宽高问题
2019/09/28 Javascript
详解Vue.js 作用域、slot用法(单个slot、具名slot)
2019/10/15 Javascript
p5.js临摹旋转爱心
2019/10/23 Javascript
JavaScript中的this基本问题实例小结
2020/03/09 Javascript
[01:34]传奇从这开始 2016国际邀请赛中国区预选赛震撼开启
2016/06/26 DOTA
解决Python中由于logging模块误用导致的内存泄露
2015/04/23 Python
Python导出数据到Excel可读取的CSV文件的方法
2015/05/12 Python
在Django的视图中使用form对象的方法
2015/07/18 Python
Python数据类型学习笔记
2016/01/13 Python
详解Python多线程Selenium跨浏览器测试
2017/04/01 Python
Python基于opencv的图像压缩算法实例分析
2018/05/03 Python
python中for循环把字符串或者字典添加到列表的方法
2019/07/20 Python
关于python3中setup.py小概念解析
2019/08/22 Python
解决python 上传图片限制格式问题
2019/10/30 Python
python计算无向图节点度的实例代码
2019/11/22 Python
用60行代码实现Python自动抢微信红包
2021/02/04 Python
韩国著名的在线综合购物网站:Akmall
2016/08/07 全球购物
马来西亚最大的电器网站:Senheng
2017/10/13 全球购物
Yves Rocher伊夫·黎雪美国官网:法国始创植物美肌1959
2019/01/09 全球购物
销售员自我评价怎么写
2013/09/19 职场文书
广告学专业毕业生自荐信
2014/05/28 职场文书
Java 数据结构七大排序使用分析
2022/04/02 Java/Android