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_13_执行模型详解
Oct 20 Javascript
Jquery 表格合并的问题分享
Sep 17 Javascript
js 如何实现对数据库的增删改查
Nov 23 Javascript
Javascript 浮点运算精度问题分析与解决
Mar 26 Javascript
node+express+jade制作简单网站指南
Nov 26 Javascript
JS延时提示框实现方法详解
Nov 26 Javascript
BootStrap modal模态弹窗使用小结
Oct 26 Javascript
简单理解vue中track-by属性
Oct 26 Javascript
jQuery实现简单的Ajax调用功能示例
Feb 15 jQuery
一文快速了解JQuery中的AJAX
May 31 jQuery
Vue 解决通过this.$refs来获取DOM或者组件报错问题
Jul 28 Javascript
Vue实现点击当前行变色
Dec 14 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
JavaScript网页制作特殊效果用随机数
2007/05/22 Javascript
jQuery Tips 为AJAX回调函数传递额外参数的方法
2010/12/28 Javascript
仿百度联盟对联广告实现代码
2014/08/30 Javascript
JS控制表格实现一条光线流动分割行的方法
2015/03/09 Javascript
JavaScript实现俄罗斯方块游戏过程分析及源码分享
2015/03/23 Javascript
javascript原型模式用法实例详解
2015/06/04 Javascript
javascript定义类和类的实现实例详解
2015/12/01 Javascript
浅谈javascript基础之客户端事件驱动
2016/06/10 Javascript
JavaScript每天必学之数组和对象部分
2016/09/17 Javascript
jQuery中animate的几种用法与注意事项
2016/12/12 Javascript
详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
2017/01/10 Javascript
canvas实现动态小球重叠效果
2017/02/06 Javascript
关于webpack2和模块打包的新手指南(小结)
2017/08/07 Javascript
AngularJs导出数据到Excel的示例代码
2017/08/11 Javascript
深入理解Vue.js源码之事件机制
2017/09/27 Javascript
NodeJS爬虫实例之糗事百科
2017/12/14 NodeJs
小程序封装路由文件和路由方法(5种全解析)
2019/05/26 Javascript
如何在JavaScript中谨慎使用代码注释
2019/06/21 Javascript
基于Vue中的父子传值问题解决
2020/07/27 Javascript
[01:06:07]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS CIS
2014/05/22 DOTA
跟老齐学Python之用while来循环
2014/10/02 Python
使用Python的Tornado框架实现一个简单的WebQQ机器人
2015/04/24 Python
Python实现快速排序算法及去重的快速排序的简单示例
2016/06/26 Python
分享Python开发中要注意的十个小贴士
2016/08/30 Python
神经网络(BP)算法Python实现及应用
2018/04/16 Python
tensorflow实现简单的卷积神经网络
2018/05/24 Python
浅谈python累加求和+奇偶数求和_break_continue
2020/02/25 Python
Python爬虫入门教程01之爬取豆瓣Top电影
2021/01/24 Python
HTML5之多线程(Web Worker)
2019/01/02 HTML / CSS
岗位职责范本
2013/11/23 职场文书
法人委托书范本
2014/04/04 职场文书
中学推普周活动总结
2015/05/07 职场文书
飞屋环游记观后感
2015/06/08 职场文书
暗恋桃花源观后感
2015/06/12 职场文书
食堂卫生管理制度
2015/08/04 职场文书
商场广播稿范文
2015/08/19 职场文书