手机验证码60s等待
来源:互联网 发布:恒温花洒 知乎 编辑:程序博客网 时间:2024/04/30 01:52
html:
<div class="input"> <input class="tel input_all" type="text" name="tel" placeholder="手机号"></div><div class="input huoqu"> <input class="yzm input_all" type="text" name="code" placeholder="验证码"> <button class="btn1">获取验证码</button></div><span class="error"></span>
JavaScript:
var btn1 = document.querySelector('.btn1');var tel = document.querySelector('.tel');var error = document.querySelector('.error');var time = 60;btn1.onclick = function(){ var name = tel.value; if (name == "") { error.innerHTML='手机号不能为空!'; return; } else { if (!(/^1[3|4|5|7|8]\d{9}$/.test(name))) { error.innerHTML='手机号格式有误.'; return; } } var timer = setInterval(function(){ time--; btn1.innerHTML = time + "秒"; btn1.disabled = true; if (time==0) { time = 60; clearInterval(timer); btn1.innerHTML = "获取验证码"; btn1.disabled = false; } },1000);}
阅读全文
0 0
- 手机验证码60s等待
- 手机验证码等待功能
- 60s手机验证码(源码)
- 表单提交(手机验证码60s倒计时)
- Validform验证手机验证码
- jquery 获取验证码倒计时60s
- 常见获取验证码倒计时60s
- vue 验证码倒计时60s
- vue 验证码倒计时60s
- vue 验证码倒计时60s
- 手机验证码短信
- 手机验证码
- 获取手机验证码
- 手机验证码校验
- 手机验证码DEMO
- 手机验证码倒计时
- 手机验证码
- java 手机验证码
- Oracle 12c安装Windows系统
- 百度地图API之定位当前和公交查询
- Windows下Redis集群的搭建
- Lintcode73 Construct Binary Tree from Preorder and Inorder Traversal solution 题解
- 字符操作函数的模拟实现
- 手机验证码60s等待
- 反射中Class.forName()和ClassLoader.loadClass()的区别
- foxmail怎么设置服务器才能登陆网易企业邮箱
- java.lang.OutOfMemoryError: unable to create new native thread无法创建本地线程分析
- 8种最差的预测建模技术,你认同吗?
- Material Design之CollapsingToolbarLayout使用
- 微信小程序样式
- 一天一道编程题之A+B
- GPS坐标转换为百度坐标 js封装