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'); 
  } 
}; 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

您可能有感兴趣的文章
JS获取鼠标点击时的位置

vue、nginx部署后刷新报404错误的解决方法

electron-builder配置项

VUE聊天页面自动滚动到底部

VUE CTRL+ENTER换行,ENTER发送消息