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年教师初级职称申报网上流程?

