这是一个简单的前台短信验证码功能 ajax实现异步处理 (发送和校验)

  • <script type="text/javascript">
  • var InterValObj;
  • //timer变量,控制时间
  • var count = 60;//间隔函数,1秒执行
  • var curCount;//当前剩余秒数
  • function sendMessage() {
  • curCount = count; // 设置button效果,开始计时
  • document.getElementById("btnSendCode").setAttribute("disabled","true" );//设置按钮为禁用状态
  • document.getElementById("btnSendCode").value="请在" + curCount + "后再次获取";//更改按钮文字
  • InterValObj = window.setInterval(SetRemainTime, 1000); // 启动计时器timer处理函数,1秒执行一次 // 向后台发送处理数据
  • $.ajax({
  • type: "POST", // 用POST方式传输
  • dataType: "text", // 数据格式:JSON
  • url: "forgetPasswdServlet", // 目标地址
  • data: "flag=2",
  • 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>"); } } }); }
  • //timer处理函数
  • function SetRemainTime() {
  • if (curCount == 0) {
  • window.clearInterval(InterValObj);// 停止计时器
  • document.getElementById("btnSendCode").removeAttribute("disabled");//移除禁用状态改为可用
  • document.getElementById("btnSendCode").value="重新发送验证码";
  • }else { curCount--; document.getElementById("btnSendCode").value="请在" + curCount + "秒后再次获取"; } }
  • //验证短信验证码
  • function doCompare(){
  • var codelast = document.getElementById("codelast").value;//获取输入的验证码
  • if(codelast == null || codelast == ‘‘){ alert("验证码不能为空!");
  • }else{
  • $.ajax({ type: "POST", // 用POST方式传输
  • dataType: "text", // 数据格式:JSON
  • url: "forgetPasswdServlet", // 目标地址
  • data: "flag=4&codelast="+codelast,
  • success: function (data){ data = parseInt(data, 10);
  • if(data == 1){ window.location.href=‘/aoyi/forgetpasswd/forgetpasswd3.jsp‘;//验证成功
  • }else if(data == 0){
  • $("#jbPhoneTip").html("<font color=‘red‘>×短信验证码不正确请重新输入</font>");
  • }else if(data ==2){
  • $("#jbPhoneTip").html("<font color=‘red‘>×验证码已失效请重新获取验证码</font>"); } } });
  • } }
  • </script>
时间: 2024-10-08 00:18:29

这是一个简单的前台短信验证码功能 ajax实现异步处理 (发送和校验)的相关文章

PHP 短信验证码功能

现在网站在建设网站时为了保证用户信息的真实性,往往会选择发短信给用户手机发验证码信息,只有通过验证的用户才可以注册,这样既保证了用户的联系信息资料的100%的准确性,也为用户提供了一种最方便快捷的注册方式 . 那么我们今天就来说一下 短信发送原理, 如下图 工作开发流程: 第一.实现php手机短信验证功能的基本思路 1.要找到短信服务提供商,接入短信服务 2.在网站信息提交页面请求发送信息 3.服务器向短信服务提供商通信,提交发送请求 4.短信服务提供商通过运营商将信息发送到用户的手机中第二 :

PHP之短信验证码功能

现在网站在建设网站时为了保证用户信息的真实性,往往会选择发短信给用户手机发验证码信息,只有通过验证的用户才可以注册,这样既保证了用户的联系信息资料的100%的准确性,也为用户提供了一种最方便快捷的注册方式 .那么我们今天就来说一下 短信发送原理, 如下图工作开发流程: 第一.实现php手机短信验证功能的基本思路 1.要找到短信服务提供商,接入短信服务 2.在网站信息提交页面请求发送信息 3.服务器向短信服务提供商通信,提交发送请求 4.短信服务提供商通过运营商将信息发送到用户的手机中 第二 :手

Android开发:app工程集成mob短信验证码功能

一.前言 现在的app基本上都需要用到短信功能,注册时或者有消息通知时需要给用户发送一条短信,但是对于个人开发者来说,去买第三方的短信服务实在是有点奢侈,很好的是mob为我们提供了免费的短信验证码服务功能,我不是打广告,的确觉得这项服务很不错.那么下面就简单讲一下如何在自己的工程里集成mob的短信功能,其实整个流程并不复杂,只是个人觉得mob的官方文档有点小乱,官方Demo也有点小复杂,同时有一些细节地方容易被忽视,也会导致一些问题. PS:太喜欢mob的logo了. 二.实现过程 本篇只涉及A

android_app开发集成mob短信验证码功能

一.前言 现在的app基本上都需要用到短信功能,注册时或者有消息通知时需要给用户发送一条短信,但是对于个人开发者来说,去买第三方的短信服务实在是有点奢侈,很好的是mob为我们提供了免费的短信验证码服务功能,我不是打广告,的确觉得这项服务很不错.那么下面就简单讲一下如何在自己的工程里集成mob的短信功能,其实整个流程并不复杂,只是个人觉得mob的官方文档有点小乱,官方Demo也有点小复杂,同时有一些细节地方容易被忽视,也会导致一些问题. PS:太喜欢mob的logo了. 二.实现过程 本篇只涉及A

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

二:前台的注册页面的代码: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&

(生鲜项目)17. drf实现发送短信验证码功能

第一步; 前期分析 由于之前在设计model的时候, 我们已经决定对code进行数据库保存, 所以这里我们应该使用 mixins.CreateModelMixin 同时, 用户发过来的手机号码, 我们在后端应该执行自己的验证, 包括 手机号码是否被注册 手机号码是否合法  [在settings.py中加上 REGEX_MOBILE="^1[358]\d{9}$|^147\d{8}$|^176\d{8}$"] 两次验证码的间隔是否大于60秒 基于以上考虑, 我们需要创建一个 serial

【源码分享】微米CMS怎么调用短信验证码功能

对接短信的时候发现一家短信公司,有些不错的短信验证码的插件,对接起来挺方便的,有需求的可以看一下.http://www.ihuyi.com/ 插件说明 本插件系互亿无线针对微米CMS_V29.2版本开发,请按以下说明进行安装,插件内的所有文件均为对原文件的修改,如果你的系统经过二次开发,安装本插件之前,请仔细核对修改. 功能介绍 手机号短信验证注册 安装步骤 覆盖以下文件Conf/sms.php.weimicms/Lib/ORG/Sms.class.php.tpl/System/Site/sms

内容观察者(一个简单的手机短信窃听器)

一丶内容观察者  * 在内容提供者中要通知内容发生了变化         getContext().getContentResolver().notifyChanges(uri,null) ; //null表示没有固定的接收者  * 在其他应用中写一个观察者,并注册一个实例         getContentResolver().registerContentObserver(uri,true,Observer) ; //uri观察的主机数据,true表示只要主机匹配即可,Observer表示

Thinkphp 3.2中注册发送短信验证码功能(未进行盗刷处理版本)

好多人都感觉脱离了增删改查的功能都很难,实际上不是的,可能有些教程只是讲了核心的部分,导致一些基础不太好的同学有些蒙逼,本人作为一个基础不太好的同学,今天就从基础开始说说i哈 1.首先,想用短信服务,就得先有个阿里云帐号,然后去购买短信,购买后,然后你去生成一个app_id和key的值,声称这个值不用代码,在阿里云后台就可以生成的,然后生成一个模版,这个你们自己找就行,然后生成一个短信签名,短信签名是干什么的呢?给你们举个列子,一般广告短信都是[阿里云]迎十一大酬宾...或者[链家]十一大优惠,