分享一个完整的java发送短信验证码的完整实例，这是一个官方的使用demo，带有60秒倒计时功能。

效果:

我使用的是榛子云短信平台, 官网地址:http://smsow.zhenzikj.com

我是java开发者，后端使用了springMvc，前端用的是jsp + jquery

下载demo: http://smsow.zhenzikj.com/doc/sdk.html   或者 http://smsow.zhenzikj.com/demo/download.html?fileName=zhenzisms_java_demo

短信验证码实现流程
1、构造手机验证码，生成一个6位的随机数字串；
2、使用接口向短信平台发送手机号和验证码，然后短信平台再把验证码发送到制定手机号上
3、将手机号验证码、操作时间存入Session中，作为后面验证使用；
4、接收用户填写的验证码、手机号及其他注册数据；
5、对比提交的验证码与Session中的验证码是否一致，同时判断提交动作是否在有效期内；
6、验证码正确且在有效期内，请求通过，处理相应的业务。

前端的页面

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;

%>

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>验证码使用演示</title>

<link href="<%=basePath%>/css/register.css" rel="stylesheet" >

<script src="<%=basePath%>/js/jquery-2.1.1.min.js" type="text/javascript"></script>

<script src="<%=basePath%>/js/register.js" type="text/javascript"></script>

<script>

	function getBasePath(){

	    return '<%=basePath%>';

    }

</script>

</head>

<body>

   <form>

       <div class="row">

           <label>账号: </label><input name="userId">

       </div>

       <div class="row">

           <label>密码:</label><input name="password">

       </div>

       <div class="row">

           <label>手机号:</label><input name="mobile">

       </div>

       <div class="row">

           <label>验证码:</label>

           <input name="verifyCode">

           <button type="button" class="sendVerifyCode">获取短信验证码</button>

       </div>

       <div><button type="button" class="sub-btn">提交</button></div>

   </form>

</body>

</html>

　　js

$(function(){

	//短信验证码倒计时

	var countdownHandler = function(){

		var $button = $(".sendVerifyCode");

		var number = 60;

		var countdown = function(){

			if (number == 0) {

				$button.attr("disabled",false);

				$button.html("发送验证码");

	            number = 60;

	            return;

	        } else {

	        	$button.attr("disabled",true);

	        	$button.html(number + "秒 重新发送");

	        	number--;

	        }

			setTimeout(countdown,1000);

		}

		setTimeout(countdown,1000);

	}

	//发送短信验证码

	$(".sendVerifyCode").on("click", function(){

		var $mobile = $("input[name=mobile]");

		var data = {};

		data.mobile = $.trim($mobile.val());

		if(data.mobile == ''){

			alert('请输入手机号码');

			return;

		}

		var reg = /^1\d{10}$/;

		if(!reg.test(data.mobile)){

			alert('请输入合法的手机号码');

			return ;

		}

		$.ajax({

	        url: getBasePath()+"/sendSms",

	        async : true,

	        type: "post",

	        dataType: "text",

	        data: data,

	        success: function (data) {

	        	if(data == 'success'){

	        		countdownHandler();

	        		return ;

	        	}

	        	alert(data);

	        }

    	});

	})

	//提交

	$(".sub-btn").on("click", function(){

		var data = {};

		data.userId = $.trim($("input[name=userId]").val());

		data.password = $.trim($("input[name=password]").val());

		data.mobile = $.trim($("input[name=mobile]").val());

		data.verifyCode = $.trim($("input[name=verifyCode]").val());

		if(data.userId == ''){

			alert("请输入账号");

			return ;

		}

		if(data.password == ''){

			alert("请输入密码");

			return ;

		}

		if(data.mobile == ''){

			alert("请输入手机号");

			return ;

		}

		if(data.verifyCode == ''){

			alert("请输入验证码");

			return ;

		}

		$.ajax({

	        url: getBasePath()+"/register",

	        async : true,

	        type: "post",

	        dataType: "text",

	        data: data,

	        success: function (data) {

	        	if(data == 'success'){

	        		alert("注册成功");

	        		return ;

	        	}

	        	alert(data);

	        }

    	});

	})

});

　　

这里省略了所有非空、手机号格式验证

流程：

1)填写手机号

2)获取手机号码，调用sendSms.html接口向手机发送短信验证码

3)用户手机接收到验证码后，将其填写到"验证码"文本框中

后端代码

发送短信验证码

package com.zhenzi.sms;

import java.io.IOException;

import java.util.Random;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import javax.servlet.http.HttpSession;

import com.alibaba.fastjson.JSONObject;

/**

 * 获取验证码

 */

public class SendSmsServlet extends HttpServlet {

	private static final long serialVersionUID = 1L;

	//短信平台相关参数

	private String apiUrl = "https://sms_developer.zhenzikj.com";

	private String appId = "000000";

	private String appSecret = "c384b67bdsserev3343cdda4de5c8";

    public SendSmsServlet() {

        super();

    }

	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

		doPost(request, response);

	}

	/**

	 * 短信平台使用的是榛子云短信(smsow.zhenzikj.com)

	 */

	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

		try {

			String mobile = request.getParameter("mobile");

			JSONObject json = null;

			//生成6位验证码

			String verifyCode = String.valueOf(new Random().nextInt(899999) + 100000);

			//发送短信

			ZhenziSmsClient client = new ZhenziSmsClient(apiUrl, appId, appSecret);

			String result = "{code:0}";//client.send(mobile, "您的验证码为:" + verifyCode + "，该码有效期为5分钟，该码只能使用一次!");

			json = JSONObject.parseObject(result);

			if(json.getIntValue("code") != 0){//发送短信失败

				renderData(response, "fail");

				return;

			}

			//将验证码存到session中,同时存入创建时间

			//以json存放，这里使用的是阿里的fastjson

			HttpSession session = request.getSession();

			json = new JSONObject();

			json.put("mobile", mobile);

			json.put("verifyCode", verifyCode);

			json.put("createTime", System.currentTimeMillis());

			// 将认证码存入SESSION

			request.getSession().setAttribute("verifyCode", json);

			renderData(response, "success");

			return ;

		} catch (Exception e) {

			e.printStackTrace();

		}

		renderData(response, "fail");

	}

	protected void renderData(HttpServletResponse response, String data){

		try {

			response.setContentType("text/plain;charset=UTF-8");

			response.getWriter().write(data);

		} catch (Exception e) {

			e.printStackTrace();

		}

	}

}

　　

json工具使用的是阿里的fastjson

appId和appSecret换成你自己的，注册之后可获得

注册地址: http://sms_developer.zhenzikj.com/zhenzisms_user/register.html

提交注册

package com.zhenzi.sms;

import java.io.IOException;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import com.alibaba.fastjson.JSONObject;

/**

 * 注册

 */

public class RegisterServlet extends HttpServlet {

    private static final long serialVersionUID = 1L;

    public RegisterServlet() {

        super();

    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        doPost(request, response);

    }

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        String userId = request.getParameter("userId");

        String password = request.getParameter("password");

        String mobile = request.getParameter("mobile");

        String verifyCode = request.getParameter("verifyCode");

        JSONObject json = (JSONObject)request.getSession().getAttribute("verifyCode");

        if(json == null){

            renderData(response, "验证码错误");

            return ;

        }

        if(!json.getString("mobile").equals(mobile)){

            renderData(response, "手机号错误");

            return ;

        }

        if(!json.getString("verifyCode").equals(verifyCode)){

            renderData(response, "验证码错误");

            return ;

        }

        if((System.currentTimeMillis() - json.getLong("createTime")) > 1000 * 60 * 5){

            renderData(response, "验证码已过期");

            return ;

        }

        //其他业务代码

        renderData(response, "success");

    }

    protected void renderData(HttpServletResponse response, String data){

        try {

            response.setContentType("text/plain;charset=UTF-8");

            response.getWriter().write(data);

        } catch (Exception e) {

            e.printStackTrace();

        }

    }

}

ok，大功告成

java发送短信验证码带倒计时的更多相关文章

  1. java发送短信验证码的功能实现

    总结一下发送短信验证码的功能实现 (题外话:LZ是在腾讯云买的第三方(山东鼎信)短信服务平台的接口,1块钱20次的套餐来练手,哈哈,给他们打个广告,有需要的可以去购买哈,下面是购买链接短信服务平台购买 ...

  2. java发送短信验证码

    业务: 手机端点击发送验证码,请求发送到java服务器端,由java调用第三方平台(我们使用的是榛子云短信http://smsow.zhenzikj.com)的短信接口,生成验证码并发送. SDK下载 ...

  3. Yii2发送短信验证码完全解决方案

    概述 在做项目的时候,需要用到短信发送验证码功能.不能不说Yii2的牛逼,很容易就搞定了.下面我整理一下具体功能和流程,分享给大家. 主要功能 通过Yii2 rules验证手机号 通过js验证是否为手 ...

  4. java + maven 实现发送短信验证码功能

    如何使用java + maven的项目环境发送短信验证码,本文使用的是榛子云短信 的接口. 1. 安装sdk 下载地址: http://smsow.zhenzikj.com/doc/sdk.html ...

  5. java 阿里云接口实现发送短信验证码

    此刻自己做的小项目中,需要用到手机发送短信验证码实现注册功能,于是就去阿里云注册了账号,并实现随机发送验证码的功能 第一步:在阿里云官网登录注册   已有支付宝或淘宝的账号可以直接登录,最后需要实名认 ...

  6. Java 实现手机发送短信验证码

    Java 实现手机发送短信验证码 采用引入第三方工具的方式,网上查了半天,发现简单的实现方式便是注册一个中国网建的账号,新建账号的时候会附带赠几条免费短信,彩信 ,之后想要在使用就得花钱了.简单的操作 ...

  7. 阿里云短信服务发送短信验证码（JAVA开发此功能）

    开发此功能需注册阿里云账号,并开通短信服务(免费开通) 充值后,不会影响业务的正常使用!(因为发送验证类短信:1-10万范围的短信是0.045元/条).开发测试使用,充2块钱测试足够了 可参考阿里云官 ...

  8. jQuery实现倒计时重新发送短信验证码功能示例

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  9. java实现发送短信验证码

    java实现短信验证码发送 由于我们使用第三方平台进行验证码的发送,所以首先,我们要在一个平台进行注册. 在这里我选择是秒嘀科技,因为新人注册会赠送十元,足够测试使用了. 注册完成后,我们需要获取自己 ...

  10. 微信小程序发送短信验证码完整实例

    微信小程序注册完整实例,发送短信验证码,带60秒倒计时功能,无需服务器端.效果图: 代码: index.wxml <!--index.wxml--> <view class=&quo ...

随机推荐

  1. c语言container_of 编译报错

    求指针ptr所在的结构体实例的首地址, #define offsetof(TYPE, MEMBER) ((size_t) &((TYPE *)0)->MEMBER) #define co ...

  2. C盘爆红满了怎么办？既然C盘装不下了，那咱给C盘扩容不就完事了吗！

    我们在使用电脑的过程中,经常容易出现C盘爆红,反而其他盘还有大量可用空间的情况. 为什么会这样呢?其实主要就两种原因: 一是电脑使用习惯不好,不管什么软件都默认安装在C盘,大文件又喜欢放在桌面,久而久 ...

  3. MySql密码忘记怎么办？

    第一步服务 net stop mysql 第二步,执行指令 mysqld --console --skip-grant-tables --user=mysql --shared-memory 第三步, ...

  4. Burpsuite入门之target模块攻防中利用

    可以用来收集目标站点的更多资产 可以探测一些自动加载的接口.内容等,有的内容并不能被访问者直接看见,通过抓包的方式就可以一目了然. 1栏中是流量信息,其中包含着你所请求的流量 2栏中是对1栏中内容的一 ...

  5. Java高级助教工作总结

    一.助教工作的具体职责和任务 1.帮助老师在云班课上发布作业 2.解答同学们的问题 3.批改同学们的作业,并了解同学们的学习情况 4.在qq群中发布通知,收集同学们的一些意见 二.助教工作的每周时长和 ...

  6. 集群分发xsync xcall kafka启动脚本命令，命令方式安装epel源

    安装epel库源 yum install epel-release -y --nogpgcheck yum install glances 安装开始 建立hosts 白名单 127.0.0.1 loc ...

  7. 《Python 3.8从入门到精通（视频教学版）》PDF电子书赠阅

    <Python 3.8从入门到精通(视频教学版)>PDF电子书赠阅,个人学习使用,禁止任何形式的商用. https://pan.baidu.com/s/1U_8-N9YJVG8UsUHbQ ...

  8. 记慢慢实现学习cocos 制作游戏

    以下皆为记录所用 现在根据官方教程,我已经实现了一个小东西可以上下跳动 了解了Sprite挂载脚本,以及编辑脚本,还有动画的一些入门东西 还了解了如何设置监听键盘按下的输入,这个是没问题的 问题一 如 ...

  9. ADT 更新遇到的一个BUG解决方案【转】

    蠻長一陣子沒有更新ADT,正好Android 5.0 Release有一段時間,就順勢更新: 當按下Next後進行更新ADT 23.0.4 途中卻發生如下圖的問題: An error occurred ...

  10. 远程ubuntu虚拟机（VirtualBox）

    环境 实机win10,虚拟软件是Oracle VM VirtualBox 下载地址https://www.virtualbox.org/ ubuntu虚拟机配置 网络选桥接网卡, 原因是桥接网卡下,根 ...