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 相关文章推荐
在网页里看flash的trace数据的js类
Jan 10 Javascript
SeaJS入门教程系列之使用SeaJS(二)
Mar 03 Javascript
json实现前后台的相互传值详解
Jan 05 Javascript
基于jQuery Ajax实现上传文件
Mar 24 Javascript
jQuery的文档处理程序详解
May 10 Javascript
jquery 动态增加,减少input表单的简单方法(必看)
Oct 12 Javascript
bootstrap模态框消失问题的解决方法
Dec 02 Javascript
JS实现旋转木马式图片轮播效果
Jan 18 Javascript
微信小程序 下拉列表的实现实例代码
Mar 08 Javascript
利用Vconsole和Fillder进行移动端抓包调试方法
Mar 05 Javascript
vue使用video插件vue-video-player详解
Oct 23 Javascript
如何使用CocosCreator对象池
Apr 14 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
一个图形显示IP的PHP程序代码
2007/10/19 PHP
CURL的学习和应用(附多线程实现)
2013/06/03 PHP
PHP登陆后跳转到登陆前页面实现思路及代码
2014/01/17 PHP
Javascript String对象扩展HTML编码和解码的方法
2009/06/02 Javascript
将HTML格式的String转化为HTMLElement的实现方法
2014/08/07 Javascript
jQuery实用函数用法总结
2014/08/29 Javascript
jQuery进行组件开发完整实例
2015/12/15 Javascript
jQuery根据name属性进行查找的用法分析
2016/06/23 Javascript
基于cookie实现zTree树刷新后展开状态不变
2017/02/28 Javascript
AngularJS 限定$scope的范围实例详解
2017/06/23 Javascript
Angular 2父子组件之间共享服务通信的实现
2017/07/04 Javascript
vue elementUI table表格数据 滚动懒加载的实现方法
2019/04/04 Javascript
微信小程序实现商城倒计时
2020/11/01 Javascript
[06:30]DOTA2英雄梦之声_第15期_死亡先知
2014/06/21 DOTA
python使用range函数计算一组数和的方法
2015/05/07 Python
python绘图方法实例入门
2015/05/19 Python
深入理解Python中字典的键的使用
2015/08/19 Python
AI人工智能 Python实现人机对话
2017/11/13 Python
Python代码太长换行的实现
2019/07/05 Python
Python定时任务随机时间执行的实现方法
2019/08/14 Python
Python可变参数会自动填充前面的默认同名参数实例
2019/11/18 Python
python 控制台单行刷新,多行刷新实例
2020/02/19 Python
Python使用monkey.patch_all()解决协程阻塞问题
2020/04/15 Python
解决redis与Python交互取出来的是bytes类型的问题
2020/07/16 Python
美国最大点评网站:Yelp
2018/02/14 全球购物
美国在线面料商店:Fashion Fabrics Club
2020/01/31 全球购物
大一自我鉴定范文
2013/10/04 职场文书
教师绩效考核方案
2014/01/21 职场文书
访谈节目策划方案
2014/05/15 职场文书
党支部三会一课计划
2014/09/24 职场文书
教师党员先进性教育自我剖析材料思想汇报
2014/09/24 职场文书
商场广播稿范文
2015/08/19 职场文书
2016年法制宣传月活动总结
2016/04/01 职场文书
TensorFlow中tf.batch_matmul()的用法
2021/06/02 Python
关于 Python json中load和loads区别
2021/11/07 Python
vue实现input输入模糊查询的三种方式
2022/08/14 Vue.js