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 相关文章推荐
window.addeventjs事件驱动函数集合addEvent等
Feb 19 Javascript
function foo的原型与prototype属性解惑
Nov 19 Javascript
动态加载外部javascript文件的函数代码分享
Jul 28 Javascript
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
Jan 16 Javascript
CSS鼠标响应事件经过、移动、点击示例介绍
Sep 04 Javascript
给文字加上着重号的JS代码
Nov 12 Javascript
正则表达式,替换所有HTML标签的简单实例
Nov 28 Javascript
小程序开发实战:实现九宫格界面的导航的代码实现
Jan 19 Javascript
canvas绘图不清晰的解决方案
Feb 28 Javascript
Vue开发中遇到的跨域问题及解决方法
Feb 11 Javascript
vue iview实现动态新增和删除
Jun 17 Javascript
Vue通过懒加载提升页面响应速度
May 10 Vue.js
微信小程序 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获取文件内容最后一行示例
2014/01/09 PHP
php实现的简单中文验证码功能示例
2017/01/03 PHP
PHP实现移除数组中为空或为某值元素的方法
2017/01/07 PHP
PHP实现的常规正则验证helper公共类完整实例
2017/04/27 PHP
Laravel 实现Eloquent模型分组查询并返回每个分组的数量 groupBy()
2019/10/23 PHP
PHP7创建销毁session的实例方法
2020/02/03 PHP
浅析javascript闭包 实例分析
2010/12/25 Javascript
javascript实现tabs选项卡切换效果(扩展版)
2013/03/19 Javascript
点击隐藏页面左栏或右栏实现js代码
2013/04/01 Javascript
jquery实现图片裁剪思路及实现
2013/08/16 Javascript
javascript使用定时函数实现跳转到某个页面
2013/12/25 Javascript
javascript页面上使用动态时间具体实现
2014/03/18 Javascript
js使用for循环查询数组中是否存在某个值
2014/08/12 Javascript
基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)
2015/12/29 Javascript
JavaScript 轮播图和自定义滚动条配合鼠标滚轮分享代码贴
2016/10/28 Javascript
prototype与__proto__区别详细介绍
2017/01/09 Javascript
详解Node.js开发中的express-session
2017/05/19 Javascript
ES6扩展运算符用法实例分析
2017/10/31 Javascript
vueJs实现DOM加载完之后自动下拉到底部的实例代码
2018/08/31 Javascript
重学JS 系列:聊聊继承(推荐)
2019/04/11 Javascript
微信小程序实现watch监听
2020/06/04 Javascript
vue中echarts图表大小适应窗口大小且不需要刷新案例
2020/07/19 Javascript
javascript解析json格式的数据方法详解
2020/08/07 Javascript
uni-app实现获取验证码倒计时功能
2020/11/01 Javascript
python类和继承用法实例
2015/07/07 Python
Python正确重载运算符的方法示例详解
2017/08/27 Python
Python基于hashlib模块的文件MD5一致性加密验证示例
2018/02/10 Python
python删除列表元素的三种方法(remove,pop,del)
2019/07/22 Python
pytorch中tensor.expand()和tensor.expand_as()函数详解
2019/12/27 Python
如何设置PyCharm中的Python代码模版(推荐)
2020/11/20 Python
python中把元组转换为namedtuple方法
2020/12/09 Python
取保候审保证书
2014/04/30 职场文书
厉行勤俭节约倡议书
2014/05/16 职场文书
低碳环保口号
2014/06/12 职场文书
乡村教师党员四风问题对照检查材料思想汇报
2014/10/08 职场文书
2014年企业员工工作总结
2014/12/09 职场文书