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

2024-12-04 19:46:51

本文实例为大家分享了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实现发送短信验证码后的倒计时功能(无视页面刷新，页面关闭不进行倒计时功能)

相关阅读: 基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭) 下面一段代码是小编给大家带来的js发送短信验证码后实现倒计时功能,代码简单易懂. 具体代码如下所示: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus
JS实现用户注册时获取短信验证码和倒计时功能

在用户注册时,通常需要短信验证码,而且为了交互效果,也需要增加倒计时. 效果如下: <div class="user-form"> <form action="{{ path('zm_member_register') }}" method="post"> <div class="form-list"> <label class="register-label"&g
Nodejs 发送Post请求功能(发短信验证码例子)

直接上代码 sms.js var http = require('http'); var querystring = require('querystring'); function SmsCode() { //发短信 this.send = function (req0, res0) { var code = "3212"; var txt = "您的验证码是:"+code+".请不要把验证码泄露给其他人.如非本人操作,可不用理会!"; var
Vue.js实现移动端短信验证码功能

现在的短信验证码一般为4位或6位,则页面中会相应的显示4个或6个文本框,如图所示当点击注册进入到输入验证码页面的时候,第一个框自动获取光标,依次输入,不可直接输入第三个或第四个框的值, input输入框是循环出来的,代码如下: <div class="sms_input"> <div v-for="n in sms.numbers-1"><input v-if="sms.show[n-1]" disabled=&q
Nodejs实现短信验证码功能

使用Nodejs的开发者愈来越多,基于Nodejs的后台开发也多了起来,像短信验证码.短信群发.国际短信这些需求,完全可以采用第三方接口来实现,云片就提供了这样的接口. Nodejs // 修改为您的apikey.可在官网(https://www.yunpian.com)登录后获取 var https = require('https'); var qs = require('querystring'); var apikey = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
JS实现简单短信验证码界面

1.要实现短信验证码界面,首先要有一个文本框,旁边是按钮,点击时开始倒计时. 2.先创建文本框和按钮,按钮设置对应的id,然后在js中通过id获取按钮这个元素,对其执行操作.同时应设置倒计时时间以及计时器变量,并使点击发送按钮后倒计时结束前无法继续点击按钮重新发送. 3.倒计时结束后,清除计时器,并使文字改变为"重新发送验证码",恢复对按钮能操作的功能,同时使倒计时的数从5秒重新开始以便点击后重新倒计时. <head> <meta charset="UTF-
javascript发送短信验证码实现代码

本文首先分析手机发送验证码的原理,再对javascript发送短信验证码予以实现,具体思路如下: 实现点击"发送验证码"按钮后,按钮依次显示为"59秒后重试"."58秒后重试"-直至倒计时至0秒时再恢复显示为"发送验证码".在倒计时期间按钮为禁用状态 . 第一步.获取按钮.绑定事件.设置定时器变量和计时变量第二步.添加定时器,每隔1秒钟计时减 1,直至当计时小于等于 0 时清除定时器,按钮恢复为"发送验证码&quo
JS短信验证码倒计时功能的实现（没有验证码，只有倒计时）

1.功能描述当用户想要获取验证码时,就点击免费获取验证码 ,然后开始倒计时,倒计时期间按钮文字为剩余时间x秒,且不可按状态,倒计时结束后,按钮更改为点击重新发送. 2.分析必须用到定时器.按钮点击后,在定时器内做出判断.倒计时60秒,到0结束. 3.代码实现: 重点介绍:定时器在进行下一次倒计时之前,一定要清除一下,这样的话保证下一次定时器倒计时是正常的. <!DOCTYPE html> <html> <head> <meta charset="U
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}$/;
vue实现通过手机号发送短信验证码登录的示例代码

本文主要介绍了vue实现通过手机号发送短信验证码登录的示例代码,分享给大家,具体如下: <template> <div class="get-mobile" @touchmove.prevent> <div class="main"> <div class="pt-20 pr-15 pl-15 pb-20"> <input class="input mb-15" v-mod
jquery实现表单获取短信验证码代码

效果图: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery表单获取短信验证码代码</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script&g
Django使用celery异步发送短信验证码代码示例

目录 celery 1.celery介绍 1.1 celery应用举例 1.2 Celery有以下优点 1.3 Celery 特性 2.工作原理 2.1 Celery 扮演生产者和消费者的角色 3.异步发短信 1.settings同级目录下创建 celery 文件 2.配置settings文件 3 配置 settings同级目录下 init 文件 4.在utils下新建一个task.py文件 5.接口中调用 6 .先启动django项目然后另开终端 cd到项目 celery 1.celery介
Android手机号注册、绑定手机号获取短信验证码实例

本文写了一个常见的功能--手机app中注册或绑定手机号的获取验证码的功能,也就是短信验证功能具体效果就是,你在注册界面填写手机号,点击获取验证码按钮,---然后会收到验证短信,填入验证码后点击注册按钮,如果验证正确就可以跳转到另外一个界面 1.首先大家需要在mob官网注册一个账号,mob是一个免费的短信验证平台 2.在mob.com后台创建应用 3.下载对应的sdk 4.将sdk作为一个library导入到你的项目中 5.现在就可以在你的项目中编写代码使用mob提供的这个功能了具体代码如下:
基于 antd pro 的短信验证码登录功能(流程分析)

概要最近使用 antd pro 开发项目时遇到个新的需求, 就是在登录界面通过短信验证码来登录, 不使用之前的用户名密码之类登录方式. 这种方式虽然增加了额外的短信费用, 但是对于安全性确实提高了不少. antd 中并没有自带能够倒计时的按钮, 但是 antd pro 的 ProForm components 中倒是提供了针对短信验证码相关的组件. 组件说明可参见: https://procomponents.ant.design/components/form 整体流程通过短信验证码登录的
SpringSceurity实现短信验证码功能的示例代码

一.思考 1.设计思路在获取短信验证码功能和图形验证码还是有很多相似的地方,所以这里在设计获取短信验证的时候,将之前开发好的的图形验证码进一步整合.抽象与重构. 在获取验证码的时候,它们最大的不同在于: 图形验证码是通过接口返回获取給前端.而短信验证码而言是通过第三方API向我们手机推送. 但是它们在登陆的时候就有很大的不同了,对于图形验证码而言验证通过之前就走UsernamePasswordAuthenticationFilter 过滤器了开始校验用户名密码了. 但对于短信登陆而言,确实也需
Spring Security短信验证码实现详解

目录需求实现步骤获取短信验证码短信验证码校验过滤器短信验证码登录认证配置类进行综合组装需求输入手机号码,点击获取按钮,服务端接受请求发送短信用户输入验证码点击登录手机号码必须属于系统的注册用户,并且唯一手机号与验证码正确性及其关系必须经过校验登录后用户具有手机号对应的用户的角色及权限实现步骤获取短信验证码短信验证码校验过滤器短信验证码登录认证过滤器综合配置获取短信验证码在这一步我们需要写一个controller接收用户的获取验证码请求.注意:一定要为"/sm
Spring Security短信验证码实现详解

目录需求实现步骤获取短信验证码短信验证码校验过滤器短信验证码登录认证配置类进行综合组装需求输入手机号码,点击获取按钮,服务端接受请求发送短信用户输入验证码点击登录手机号码必须属于系统的注册用户,并且唯一手机号与验证码正确性及其关系必须经过校验登录后用户具有手机号对应的用户的角色及权限实现步骤获取短信验证码短信验证码校验过滤器短信验证码登录认证过滤器综合配置获取短信验证码在这一步我们需要写一个controller接收用户的获取验证码请求.注意:一定要为"/sm

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

相关推荐

随机推荐