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初学困境—js初学
Dec 29 Javascript
window.location.hash 属性使用说明
Mar 20 Javascript
javascript hasFocus使用实例
Jun 29 Javascript
用jquery设置按钮的disabled属性的实现代码
Nov 28 Javascript
javascript简易缓动插件(源码打包)
Feb 16 Javascript
javascript模块化是什么及其优缺点介绍
Sep 02 Javascript
微信中一些常用的js方法汇总
Mar 12 Javascript
Javascript实现div的toggle效果实例分析
Jun 09 Javascript
JQuery的Pager分页器实现代码
May 03 Javascript
JS 对象(Object)和字符串(String)互转方法
May 20 Javascript
javascript面向对象创建对象的方式小结
Jul 29 Javascript
5个实用的JavaScript新特性
Jun 16 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
showModalDialog 和 showModelessDialog
2007/01/22 Javascript
爱恋千雪-US-AscII加密解密工具(网页加密)下载
2007/06/06 Javascript
通过继承IHttpHandle实现JS插件的组织与管理
2010/07/13 Javascript
解析js原生方法创建表格效率测试
2013/07/08 Javascript
将文本输入框内容加入表中的js代码
2013/08/18 Javascript
iframe子父页面调用js函数示例
2013/11/07 Javascript
jQuery 无限级菜单的简单实例
2014/02/21 Javascript
JS烟花背景效果实现方法
2015/03/03 Javascript
jquery合并表格中相同文本的相邻单元格
2015/07/17 Javascript
解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法
2015/12/03 Javascript
使用Javascript实现选择下拉菜单互移并排序
2016/02/23 Javascript
Bootstrap 源代码分析(未完待续)
2016/08/17 Javascript
Bootstrap基本样式学习笔记之图片(6)
2016/12/07 Javascript
jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法
2017/03/08 Javascript
Angularjs中使用指令绑定点击事件的方法
2017/03/30 Javascript
利用Mongoose让JSON数据直接插入或更新到MongoDB
2017/05/03 Javascript
JavaScript算法教程之sku(库存量单位)详解
2017/06/29 Javascript
详解ES6通过WeakMap解决内存泄漏问题
2018/03/09 Javascript
vue-cli项目根据线上环境分别打出测试包和生产包
2018/05/23 Javascript
vue-lazyload使用总结(推荐)
2018/11/01 Javascript
Vue.js组件间通信方式总结【推荐】
2018/11/23 Javascript
vue自定义指令之面板拖拽的实现
2019/04/14 Javascript
python算法学习之桶排序算法实例(分块排序)
2013/12/18 Python
在Django框架中设置语言偏好的教程
2015/07/27 Python
wxpython中自定义事件的实现与使用方法分析
2016/07/21 Python
python win32 简单操作方法
2017/05/25 Python
Anaconda下配置python+opencv+contribx的实例讲解
2018/08/06 Python
解决django 新增加用户信息出现错误的问题
2019/07/28 Python
用OpenCV将视频分解成单帧图片,图片合成视频示例
2019/12/10 Python
python中数据库like模糊查询方式
2020/03/02 Python
浅谈Python 命令行参数argparse写入图片路径操作
2020/07/12 Python
canvas离屏技术与放大镜实现代码示例
2018/08/31 HTML / CSS
解释DataSet(ds) 和 ds as DataSet 的含义
2014/07/27 面试题
关于赌博的检讨书
2014/01/08 职场文书
基层党组织建设整改方案
2014/09/16 职场文书
党支部季度考核意见
2015/06/02 职场文书