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 相关文章推荐
asp 取文本框名称代码
Dec 02 Javascript
网页开发中的容易忽略的问题 javascript HTML中的table
Apr 15 Javascript
jQuery生成asp.net服务器控件的代码
Feb 04 Javascript
基于jQuery的一个扩展form序列化到json对象
Dec 09 Javascript
javascript控制在光标位置插入文字适合表情的插入
Jun 09 Javascript
jquery处理json对象
Nov 03 Javascript
JS实现单行文字不间断向上滚动的方法
Jan 29 Javascript
对于js垃圾回收机制的理解
Sep 14 Javascript
React Native中Navigator的使用方法示例
Oct 13 Javascript
AngularJS中scope的绑定策略实例分析
Oct 30 Javascript
js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
Jan 09 Javascript
微信小程序实现带参数的分享功能(两种方法)
May 17 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新手上路(十四)
2006/10/09 PHP
PHP中魔术变量__METHOD__与__FUNCTION__的区别
2014/09/29 PHP
PHP+swoole+linux实现系统监控和性能优化操作示例
2019/04/15 PHP
基于jquery1.4.2的仿flash超炫焦点图播放效果
2010/04/20 Javascript
js点击页面其它地方将某个显示的DIV隐藏
2012/07/12 Javascript
artDialog 4.1.5 Dreamweaver代码提示/补全插件 附下载
2012/07/31 Javascript
JS+css 图片自动缩放自适应大小
2013/08/08 Javascript
深入理解JavaScript是如何实现继承的
2013/12/12 Javascript
jQuery中bind,live,delegate与one方法的用法及区别解析
2013/12/30 Javascript
使用jquery写个更改表格行顺序的小功能
2014/04/29 Javascript
一个不错的字符串转码解码函数(自写)
2014/07/31 Javascript
js数值计算时使用parseInt进行数据类型转换(jquery)
2014/10/07 Javascript
jQuery的deferred对象详解
2014/11/12 Javascript
详解JavaScript操作HTML DOM的基本方式
2015/10/21 Javascript
AngularJS 仿微信图片手势缩放的实例
2017/09/28 Javascript
微信小程序实现点击卡片 翻转效果
2019/09/04 Javascript
webpack4 optimization使用总结
2019/11/10 Javascript
vue element table中自定义一些input的验证操作
2020/07/18 Javascript
浅谈django开发者模式中的autoreload是如何实现的
2017/08/18 Python
python数据结构之链表详解
2017/09/12 Python
解读python logging模块的使用方法
2018/04/17 Python
在Qt5和PyQt5中设置支持高分辨率屏幕自适应的方法
2019/06/18 Python
Python常用模块函数代码汇总解析
2020/08/31 Python
python 6行代码制作月历生成器
2020/09/18 Python
用HTML5制作一个简单的桌球游戏的教程
2015/05/12 HTML / CSS
Office DEPOT法国官网:欧迪办公用品采购
2018/01/03 全球购物
新加坡领先的在线生活方式和杂货购物网站:EAMART
2019/04/02 全球购物
幼师自我鉴定范文
2013/10/01 职场文书
实习期自我鉴定
2013/10/11 职场文书
电子商务专业毕业生求职信
2014/06/12 职场文书
销售业务员岗位职责
2015/02/13 职场文书
铁人纪念馆观后感
2015/06/16 职场文书
《自己的花是让别人看的》教学反思
2016/02/19 职场文书
导游词之蜀山胜景瓦屋山
2019/11/29 职场文书
CDPR谈《巫师》新作用虚幻5原因 称不会为Epic独占
2022/04/06 其他游戏
大脑的记忆过程在做数据压缩,不同图形也有共同的记忆格式
2022/04/29 数码科技