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 相关文章推荐
用js 让图片在 div或dl里 居中,底部对齐
Jan 21 Javascript
10款新鲜出炉的 jQuery 插件(Ajax 插件,有幻灯片、图片画廊、菜单等)
Jun 08 Javascript
jtable列中自定义button示例代码
Nov 21 Javascript
js动态添加表格数据使用insertRow和insertCell实现
May 22 Javascript
jQuery实现设置、移除文本框默认值功能
Jan 13 Javascript
javascript显式类型转换实例分析
Apr 25 Javascript
Bootstrap树形组件jqTree的简单封装
Jan 25 Javascript
jQuery操作cookie
Aug 08 Javascript
解决layui上传文件提示上传异常,实际文件已经上传成功的问题
Aug 19 Javascript
JavaScript数据结构与算法之检索算法示例【二分查找法、计算重复次数】
Feb 22 Javascript
如何在vue项目中嵌入jsp页面的方法(2种)
Feb 06 Javascript
jQuery实现html可联动的百分比进度条
Mar 26 jQuery
微信小程序 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 图片加水印与上传图片加水印php类
2010/05/12 PHP
php去除重复字的实现代码
2011/09/16 PHP
PHP微框架Dispatch简介
2014/06/12 PHP
微信公众平台开发实现2048游戏的方法
2015/04/15 PHP
php中smarty区域循环的方法
2015/06/11 PHP
简单实用的全选反选按钮例子
2013/10/18 Javascript
Javascript基础教程之for循环
2015/01/18 Javascript
Js控制滑轮左右滑动实例
2015/02/13 Javascript
详解javascript函数的参数
2015/11/10 Javascript
JavaScript实现网页头部进度条刷新
2017/04/16 Javascript
vue router 用户登陆功能的实例代码
2019/04/24 Javascript
详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
2019/11/06 Javascript
Vue移动端实现图片上传及超过1M压缩上传
2019/12/23 Javascript
非递归的输出1-N的全排列实例(推荐)
2017/04/11 Python
Python实现的选择排序算法原理与用法实例分析
2017/11/22 Python
python skimage 连通性区域检测方法
2018/06/21 Python
Pycharm新手教程(只需要看这篇就够了)
2019/06/18 Python
python实现本地批量ping多个IP的方法示例
2019/08/07 Python
详解Django将秒转换为xx天xx时xx分
2019/09/27 Python
python argparse模块通过后台传递参数实例
2020/04/20 Python
HTML5是什么 HTML5是什么意思 HTML5简介
2012/10/26 HTML / CSS
维多利亚的秘密阿联酋官网:Victoria’s Secret阿联酋
2019/12/07 全球购物
Armor Lux法国官方网站:水手服装、成衣和内衣
2020/05/26 全球购物
请写出 float x 与"零值"比较的 if 语句
2016/01/04 面试题
电子邮箱格式怎么写
2014/01/12 职场文书
创业培训计划书
2014/05/03 职场文书
乡镇党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
2014年纪检部工作总结
2014/11/12 职场文书
普宁寺导游词
2015/02/04 职场文书
小兵张嘎观后感
2015/06/03 职场文书
二十年同学聚会感言
2015/07/30 职场文书
2019年恭贺升学祝福语集锦
2019/08/15 职场文书
Python数据清洗工具之Numpy的基本操作
2021/04/22 Python
教你用Python写一个植物大战僵尸小游戏
2021/04/25 Python
Java实现给Word文件添加文字水印
2022/02/15 Java/Android
详解Golang如何实现支持随机删除元素的堆
2022/09/23 Python