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 相关文章推荐
JavaScript常用对象的方法和属性小结
Jan 24 Javascript
jquery插件制作简单示例说明
Feb 03 Javascript
JS实现鼠标点击展开或隐藏表格行的方法
Mar 03 Javascript
学习JavaScript正则表达式
Nov 13 Javascript
html+js实现简单的计算器代码(加减乘除)
Jul 12 Javascript
js实现延迟加载的几种方法
Apr 24 Javascript
如何从零开始利用js手写一个Promise库详解
Apr 19 Javascript
jQuery中的for循环var与let的区别
Apr 21 jQuery
使用gulp构建前端自动化的方法示例
Dec 25 Javascript
react项目如何使用iconfont的方法步骤
Mar 13 Javascript
vue通信方式EventBus的实现代码详解
Jun 10 Javascript
Nuxt.js实现一个SSR的前端博客的示例代码
Sep 06 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
1 Tube Radio
2021/03/02 无线电
PHP中mb_convert_encoding与iconv函数的深入解析
2013/06/21 PHP
PHP常用编译参数中文说明
2014/09/27 PHP
php查询mysql数据库并将结果保存到数组的方法
2015/03/18 PHP
基于JQuery的访问WebService的代码(可访问Java[Xfire])
2010/11/19 Javascript
javascript自定义的addClass()方法
2014/05/28 Javascript
JavaScript检测弹出窗口是否已经关闭的方法
2015/03/24 Javascript
详解AngularJS中的表格使用
2015/06/16 Javascript
jQuery实现类似淘宝网图片放大效果的方法
2015/07/08 Javascript
跟我学习javascript解决异步编程异常方案
2015/11/23 Javascript
javascript三种代码注释方法
2016/06/02 Javascript
Angularjs中controller的三种写法分享
2016/09/21 Javascript
es6 字符串String的扩展(实例讲解)
2017/08/03 Javascript
Vue如何实现响应式系统
2018/07/11 Javascript
Angular服务Request异步请求的实例讲解
2018/08/13 Javascript
vue.js响应式原理解析与实现
2020/06/22 Javascript
JavaScript实现拖拽盒子效果
2020/02/06 Javascript
JS中间件设计模式的深入探讨与实例分析
2020/04/11 Javascript
微信小程序实现天气预报功能(附源码)
2020/12/10 Javascript
python中mechanize库的简单使用示例
2014/01/10 Python
python中from module import * 的一个坑
2014/07/20 Python
python服务器与android客户端socket通信实例
2014/11/12 Python
Python入门之modf()方法的使用
2015/05/15 Python
编写Python脚本抓取网络小说来制作自己的阅读器
2015/08/20 Python
python+pandas生成指定日期和重采样的方法
2018/04/11 Python
python实现随机漫步算法
2018/08/27 Python
在Pycharm中项目解释器与环境变量的设置方法
2018/10/29 Python
python字典一键多值实例代码分享
2019/06/14 Python
简单了解python代码优化小技巧
2019/07/08 Python
雅诗兰黛(Estee Lauder)英国官方网站:世界顶级化妆品牌
2016/12/29 全球购物
塔吉特百货公司官网:Target
2017/04/27 全球购物
实习销售业务员自我鉴定
2013/09/21 职场文书
令人啧啧称赞的经理推荐信
2013/11/07 职场文书
交心谈心活动总结
2015/05/11 职场文书
初中团委工作总结
2015/08/13 职场文书
MySQL 8.0 Online DDL快速加列的相关总结
2021/06/02 MySQL