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

发布时间 - 2026-01-10 22:42:03    点击率:

本文实例为大家分享了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验证手机号  # js验证密码  # js验证短信验证码  # javascript发送短信验证码实现代码  # JS实现用户注册时获取短信验证码和倒计时功能  # JS实现简单短信验证码界面  # Vue.js实现移动端短信验证码功能  # 基于JavaScript短信验证码如何实现  # 基于JS实现发送短信验证码后的倒计时功能(无视页面刷新  # 页面关闭不进行倒计时功能)  # Nodejs 发送Post请求功能(发短信验证码例子)  # Nodejs实现短信验证码功能  # JS短信验证码倒计时功能的实现(没有验证码  # 只有倒计时)  # javascript实现发送短信验证码案例  # 验证码  # 倒计时  # 不可以  # 请输入  # 大家分享  # 不能超过  # 具体内容  # 大家多多  # 为空  # 重发  # info  # toast  # id  # mui  # tel  # reg  # document  # getElementById  # focus  # true 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 齐河建站公司:营销型网站建设与SEO优化双核驱动策略  如何在建站之星绑定自定义域名?  Laravel如何操作JSON类型的数据库字段?(Eloquent示例)  活动邀请函制作网站有哪些,活动邀请函文案?  Laravel distinct去重查询_Laravel Eloquent去重方法  手机网站制作与建设方案,手机网站如何建设?  Laravel怎么使用Collection集合方法_Laravel数组操作高级函数pluck与map【手册】  专业型网站制作公司有哪些,我设计专业的,谁给推荐几个设计师兼职类的网站?  做企业网站制作流程,企业网站制作基本流程有哪些?  php中::能调用final静态方法吗_final修饰静态方法调用规则【解答】  韩国服务器如何优化跨境访问实现高效连接?  Laravel如何配置中间件Middleware_Laravel自定义中间件拦截请求与权限校验【步骤】  JavaScript模板引擎Template.js使用详解  如何在云主机上快速搭建网站?  制作旅游网站html,怎样注册旅游网站?  香港服务器部署网站为何提示未备案?  ai格式如何转html_将AI设计稿转换为HTML页面流程【页面】  如何挑选优质建站一级代理提升网站排名?  如何在Tomcat中配置并部署网站项目?  网站优化排名时,需要考虑哪些问题呢?  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买?  php json中文编码为null的解决办法  非常酷的网站设计制作软件,酷培ai教育官方网站?  Win10如何卸载预装Edge扩展_Win10卸载Edge扩展教程【方法】  邀请函制作网站有哪些,有没有做年会邀请函的网站啊?在线制作,模板很多的那种?  HTML5段落标签p和br怎么选_文本排版常用标签对比【解答】  Laravel如何使用Seeder填充数据_Laravel模型工厂Factory批量生成测试数据【方法】  Laravel N+1查询问题如何解决_Eloquent预加载(Eager Loading)优化数据库查询  HTML5打空格有哪些误区_新手常犯的空格使用错误【技巧】  Laravel如何实现RSS订阅源功能_Laravel动态生成网站XML格式订阅内容【教程】  Win11怎么开启自动HDR画质_Windows11显示设置HDR选项  如何在万网利用已有域名快速建站?  阿里云网站搭建费用解析:服务器价格与建站成本优化指南  php做exe能调用系统命令吗_执行cmd指令实现方式【详解】  怎样使用JSON进行数据交换_它有什么限制  高防服务器租用如何选择配置与防御等级?  如何在服务器上三步完成建站并提升流量?  Laravel如何使用withoutEvents方法临时禁用模型事件  微信小程序 wx.uploadFile无法上传解决办法  高端建站三要素:定制模板、企业官网与响应式设计优化  ChatGPT怎么生成Excel公式_ChatGPT公式生成方法【指南】  javascript日期怎么处理_如何格式化输出  Laravel事件监听器怎么写_Laravel Event和Listener使用教程  Java垃圾回收器的方法和原理总结  如何在IIS管理器中快速创建并配置网站?  Laravel如何实现API速率限制?(Rate Limiting教程)  如何快速查询网站的真实建站时间?  iOS正则表达式验证手机号、邮箱、身份证号等  Linux虚拟化技术教程_KVMQEMU虚拟机安装与调优  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程?