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文字滚动停顿效果代码
Jun 28 Javascript
一些主流JS框架中DOMReady事件的实现小结
Feb 12 Javascript
jQuery插件开发全解析
Oct 10 Javascript
A标签触发onclick事件而不跳转的多种解决方法
Jun 27 Javascript
JavaScript解析URL参数示例代码
Aug 12 Javascript
JavaScript html5 canvas画布中删除一个块区域的方法
Jan 26 Javascript
原生JavaScript实现动态省市县三级联动下拉框菜单实例代码
Feb 03 Javascript
解决浏览器会自动填充密码的问题
Apr 28 Javascript
EasyUI在Panel上动态添加LinkButton按钮
Aug 11 Javascript
H5实现仿flash效果的实现代码
Sep 29 Javascript
JavaScript, select标签元素左右移动功能实现
May 14 Javascript
Vuex实现购物车小功能
Aug 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
第十二节 类的自动加载 [12]
2006/10/09 PHP
推荐个功能齐全的发送PHP邮件类
2007/01/03 PHP
PHP $_SERVER详解
2009/01/16 PHP
ThinkPHP分页实例
2014/10/15 PHP
PHP正则替换函数preg_replace()报错:Notice Use of undefined constant的解决方法分析
2017/02/04 PHP
PHP实现大数(浮点数)取余的方法
2017/02/18 PHP
PHP5.6新增加的可变函数参数用法分析
2017/08/25 PHP
phpStudy配置多站点多域名方法及遇到的403错误解决方法
2017/10/19 PHP
快速保存网页中所有图片的方法
2006/06/23 Javascript
JQUERY设置IFRAME的SRC值的代码
2010/11/30 Javascript
对setInterval在火狐和chrome切换标签产生奇怪的效果之探索,与解决方案!
2011/10/29 Javascript
javascript生成随机颜色示例代码
2014/05/05 Javascript
JavaScript控制listbox列表框的项目上下移动的方法
2015/03/18 Javascript
老生常谈JavaScript 正则表达式语法
2016/08/20 Javascript
Jquery通过ajax请求NodeJS返回json数据实例
2016/11/08 NodeJs
微信小程序 网络API Websocket详解
2016/11/09 Javascript
解析如何利用iframe标签以及js制作时钟
2016/12/08 Javascript
Vue系列:通过vue-router如何传递参数示例
2017/01/16 Javascript
js实现文字跑马灯效果
2017/02/23 Javascript
AngularJS点击添加样式、点击变色设置的实例代码
2017/07/27 Javascript
vue父子组件的嵌套的示例代码
2017/09/08 Javascript
node内置调试方法总结
2018/02/22 Javascript
JavaScript数值类型知识汇总
2019/11/17 Javascript
vue中的.$mount('#app')手动挂载操作
2020/09/02 Javascript
Python实现国外赌场热门游戏Craps(双骰子)
2015/03/31 Python
SQLite3中文编码 Python的实现
2017/01/11 Python
Python调用C++,通过Pybind11制作Python接口
2018/10/16 Python
用python3教你任意Html主内容提取功能
2018/11/05 Python
python 字典套字典或列表的示例
2019/12/16 Python
学点简单的Django之第一个Django程序的实现
2021/02/24 Python
美国床垫连锁店:Mattress Firm
2021/02/13 全球购物
Servlet的实例是在生命周期什么时候创建的?配置servlet最重要的是什么?
2012/05/30 面试题
房屋出售授权委托书
2014/10/12 职场文书
2014年学校团委工作总结
2014/12/20 职场文书
起诉状范本
2015/05/20 职场文书
2015年第31个教师节致辞
2015/07/31 职场文书