js验证手机号、密码、短信验证码代码工具类

 更新时间:2020年06月24日 16:02:53   作者:Joker_Ye  
这篇文章主要介绍了js验证手机号、密码、短信验证码代码工具类,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了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 ParentNode和ChildNode接口原理解析

    Javascript ParentNode和ChildNode接口原理解析

    这篇文章主要介绍了Javascript ParentNode和ChildNode接口原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-03-03
  • js实现动态显示时间效果

    js实现动态显示时间效果

    本文主要介绍了js实现动态显示时间效果的实例,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • 简易的JS计算器实现代码

    简易的JS计算器实现代码

    这篇文章主要为大家详细介绍了JS简易的计算器实现代码,,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • 模仿password输入框的实现代码

    模仿password输入框的实现代码

    下面小编就为大家带来一篇模仿password输入框的实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • JavaScript对象和字串之间的转换实例探讨

    JavaScript对象和字串之间的转换实例探讨

    从对象的格式可以看出,如果字串的格式定义成 json 格式的, 就可以直接转换为obj了,感兴趣的朋友可以参考下哈
    2013-04-04
  • Firefox div高度自适应

    Firefox div高度自适应

    IE不管设置div的高度与否,都会根据内容来自适应高度。但是FIrefox就没有这么聪明了。
    2009-04-04
  • JavaScript实现的简单幂函数实例

    JavaScript实现的简单幂函数实例

    这篇文章主要介绍了JavaScript实现的简单幂函数,实例分析了javascript实现幂运算的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-04-04
  • js replace()去除代码中空格的实例

    js replace()去除代码中空格的实例

    下面小编就为大家带来一篇js replace()去除代码中空格的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • Bootstrap 树控件使用经验分享(图文解说)

    Bootstrap 树控件使用经验分享(图文解说)

    很多项目中使用树来展示层级关系,还有些树是为了选中项然后其他地方调用选中项。今天脚本之家小编给大家带来了Bootstrap 树控件使用经验分享,需要的朋友参考下吧
    2017-11-11
  • JavaScript获取网页、浏览器、屏幕高度和宽度汇总

    JavaScript获取网页、浏览器、屏幕高度和宽度汇总

    这篇文章主要汇总介绍了JavaScript获取网页、浏览器、屏幕高度和宽度的方法,非常使用,有需要的小伙伴参考下。
    2014-12-12

最新评论