首页 > 代码库 > ava调用WebService接口实现发送手机短信验证码功能

ava调用WebService接口实现发送手机短信验证码功能

2024-07-24 05:32:41   218人阅读

 

 

二：前台的注册页面的代码：reg.jsp 

 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%@page import="cn.gov.csrc.base.action.FindAllData"%>
<%
 String path = request.getContextPath();
 String basePath = request.getScheme() + "://"
   + request.getServerName() + ":" + request.getServerPort()
   + path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href=http://www.mamicode.com/"">> 

 
 

三:前台获取短信验证码的js：sms.js
 

 var InterValObj; //timer变量，控制时间
var count = 120; //间隔函数，1秒执行
var curCount;//当前剩余秒数
var code = ""; //验证码
var codeLength = 6;//验证码长度
function sendMessage() {
 curCount = count;
 var jbPhone = $("#jbPhone").val();
 var jbPhoneTip = $("#jbPhoneTip").text();
 if (jbPhone != "") {
  if(jbPhoneTip == "√ 该手机号码可以注册，输入正确" || jbPhoneTip == "√ 短信验证码已发到您的手机,请查收"){
   // 产生验证码
   for ( var i = 0; i < codeLength; i++) {
    code += parseInt(Math.random() * 9).toString();
   }
   // 设置button效果，开始计时
   $("#btnSendCode").attr("disabled", "true");
   $("#btnSendCode").val("请在" + curCount + "秒内输入验证码");
   InterValObj = window.setInterval(SetRemainTime, 1000); // 启动计时器，1秒执行一次
   // 向后台发送处理数据
   $.ajax({
    type: "POST", // 用POST方式传输
    dataType: "text", // 数据格式:JSON
    url: "UserAction_sms.action", // 目标地址
    data: "jbPhone=" + jbPhone +"&code=" + code,
    error: function (XMLHttpRequest, textStatus, errorThrown) { 
     
    },
    success: function (data){ 
     data = parseInt(data, 10);
     if(data == 1){
      $("#jbPhoneTip").html("<font color=‘#339933‘>√ 短信验证码已发到您的手机,请查收</font>");
     }else if(data == 0){
      $("#jbPhoneTip").html("<font color=‘red‘>× 短信验证码发送失败，请重新发送</font>");
     }else if(data == 2){
      $("#jbPhoneTip").html("<font color=‘red‘>× 该手机号码今天发送验证码过多</font>");
     }
    }
   });
  }
 }else{
  $("#jbPhoneTip").html("<font color=‘red‘>× 手机号码不能为空</font>");
 }
}
//timer处理函数
function SetRemainTime() {
 if (curCount == 0) {                
  window.clearInterval(InterValObj);// 停止计时器
  $("#btnSendCode").removeAttr("disabled");// 启用按钮
  $("#btnSendCode").val("重新发送验证码");
  code = ""; // 清除验证码。如果不清除，过时间后，输入收到的验证码依然有效
 }else {
  curCount--;
  $("#btnSendCode").val("请在" + curCount + "秒内输入验证码");
 }
}
$(document).ready(function() {
 $("#SmsCheckCode").blur(function() {
  var SmsCheckCodeVal = $("#SmsCheckCode").val();
  // 向后台发送处理数据
  $.ajax({
   url : "UserAction_checkCode.action", 
   data : {SmsCheckCode : SmsCheckCodeVal}, 
   type : "POST", 
   dataType : "text", 
   success : function(data) {
    data = parseInt(data, 10);
    if (data == 1) {
     $("#SmsCheckCodeTip").html("<font color=‘#339933‘>√ 短信验证码正确，请继续</font>");
    } else {
     $("#SmsCheckCodeTip").html("<font color=‘red‘>× 短信验证码有误，请核实后重新填写</font>");
    }
   }
  });
 });
});
 

 
ava调用WebService接口实现发送手机短信验证码功能


联系
我们