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 相关文章推荐
IE FF OPERA都可用的弹出层实现代码
Sep 29 Javascript
javascript 面向对象全新理练之数据的封装
Dec 03 Javascript
jqgrid 编辑添加功能详细解析
Nov 08 Javascript
Bootstrap CSS布局之按钮
Dec 17 Javascript
js实现点击切换checkbox背景图片的简单实例
May 08 Javascript
ionic2自定义cordova插件开发以及使用(Android)
Jun 19 Javascript
VueJS 集成 Medium Editor的示例代码 (自定义编辑器按钮)
Aug 24 Javascript
ajax前台后台跨域请求处理方式
Feb 08 Javascript
Angular模版驱动表单的使用总结
May 05 Javascript
IE8中jQuery.load()加载页面不显示的原因
Nov 15 jQuery
vue+elementUI实现表格关键字筛选高亮
Oct 26 Javascript
Vue通过provide inject实现组件通信
Sep 03 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
PHP 高手之路(一)
2006/10/09 PHP
模仿OSO的论坛(五)
2006/10/09 PHP
PHP中使用gettext来支持多语言的方法
2011/05/02 PHP
PHP多态代码实例
2015/06/26 PHP
PHP和Mysql中转UTF8编码问题汇总
2015/10/10 PHP
PHP实现微信网页授权开发教程
2016/01/19 PHP
ThinkPHP框架安全实现分析
2016/03/14 PHP
php 获取xml接口数据的处理方法
2018/05/31 PHP
Document对象内容集合(比较全)
2010/09/06 Javascript
apycom出品的jQuery精美菜单破解方法
2011/02/18 Javascript
js实现屏蔽默认快捷键调用自定义事件示例
2013/06/18 Javascript
js实现简单随机抽奖的方法
2015/01/27 Javascript
jQuery使用hide方法隐藏指定元素class样式用法实例
2015/03/30 Javascript
基于JS实现新闻列表无缝向上滚动实例代码
2016/01/22 Javascript
vue2单元测试环境搭建
2018/05/24 Javascript
微信小程序ibeacon三点定位详解
2018/10/31 Javascript
详解vue中多个有顺序要求的异步操作处理
2019/10/29 Javascript
react 生命周期实例分析
2020/05/18 Javascript
一文读懂vue动态属性数据绑定(v-bind指令)
2020/07/20 Javascript
Vue将props值实时传递 并可修改的操作
2020/08/09 Javascript
详细介绍Ruby中的正则表达式
2015/04/10 Python
使用Python脚本将Bing的每日图片作为桌面的教程
2015/05/04 Python
python获取外网IP并发邮件的实现方法
2017/10/01 Python
Python使用matplotlib绘制随机漫步图
2018/08/27 Python
django 外键model的互相读取方法
2018/12/15 Python
基于OpenCV的网络实时视频流传输的实现
2020/11/15 Python
Python偏函数实现原理及应用
2020/11/20 Python
缅甸网上购物:Shop.com.mm
2017/12/05 全球购物
盖尔斯工厂店:GUESS Factory
2020/01/21 全球购物
超市营业员求职简历的自我评价
2013/10/17 职场文书
建筑学推荐信
2013/11/03 职场文书
2014党员学习《反腐倡廉警示教育读本》思想汇报
2014/09/13 职场文书
工作散漫检讨书
2014/09/16 职场文书
居委会四风问题个人对照检查材料
2014/09/25 职场文书
八项规定个人对照检查材料思想汇报
2014/09/25 职场文书
新生儿未入户证明
2015/06/23 职场文书