客户端js+html代码

<script type="text/javascript">
var tcode = 0;//定时器返回代码
     //获得验证码
function GetVerifyCodeAction() {
var email = $("#email").val();
if (!checkEmail(email)) {
$("#area_error").addClass("log-tips").show().text(EmailFormatIsFault);//邮箱格式错误
}
else {
$.ajax({
type: "post",
async: false,
url: "/Handler/SendMsgToMail.ashx",
data: { op: 12, email: email },
success: function (result) {
var data = parseInt(result);
switch (data) {
case 1:
$("#area_error").addClass("log-tips").show().text(CheckVerifyCode);//验证码已发送,请注意查收
$("#btnSendCode").removeAttr("onclick");//移除发送验证码的click事件
tcode = setInterval("ReSend()", 1000);//设置定时器,60秒后容许再次发送
break;
case -1:
$("#area_error").addClass("log-tips").show().text(FillEmail);//请输入邮箱
break;
case -2:
$("#area_error").addClass("log-tips").show().text(MailNotReg);//邮箱尚未注册
break;
case -3:
$("#area_error").addClass("log-tips").show().text(OperateException);//操作异常
break;
case -4:
$("#area_error").addClass("log-tips").show().text(OperateException);//操作异常
break;
case -5:
$("#area_error").addClass("log-tips").show().text(OnceMinute);//每分钟只能发送一次
break;
default:
$("#area_error").addClass("log-tips").show().text(OperateException);//操作异常
break;
}
}
});
}
return false;
}
    //点击进入下一步
function GoNext() {
$("#area_error").removeClass("log-tips").text("").hide();
var email = $("#email").val();
if (!checkEmail(email)) {
$("#area_error").addClass("log-tips").show().text(EmailFormatIsFault);//邮箱格式不正确
return false;
}
var vcode = $("#verify").val();
if (vcode == "") {
$("#area_error").addClass("log-tips").show().text(FillVerifyCode);//请输入验证码
return false;
}
        //判断验证码是否正确
$.ajax({
type: "post",
url: "/Handler/Members.ashx",
data: { op: 14, email: email, vcode: vcode },
success: function (result) {
if (result == "-1") {
$("#area_error").addClass("log-tips").show().text(VCodeIsNotAvailable);//验证码已失效
}
if (result == "1") {
window.location = "forgot_password.aspx?email=" + email + "&vcode=" + vcode;
}
}
});
}
     //定时器
function ReSend() {
       var Wait60Second="60秒后重发";
var TotalCount = $("#hf_timecount").val();
TotalCount = TotalCount - 1;
$("#hf_timecount").val(TotalCount); if (TotalCount == 0) {
ReSetSendMail();
}
else {
$("#btnSendCode").text(Wait60Second.replace("60", TotalCount));
}
}
     //重新附加发送邮箱事件
function ReSetSendMail() {
clearInterval(tcode);
$("#hf_timecount").val("60");
$("#btnSendCode").text("获取验证码");
$("#btnSendCode").attr("onclick", "GetVerifyCodeAction()");
}
</script>
<input id="hf_timecount" value="60" type="hidden" />
<input type="text" name="email" id="email" />
<button type="button" id="btnSendCode" onclick="GetVerifyCodeAction()">获取验证码</button>
<input type="text" name="verify" id="verify" />
<input type="button" id="btn_next" value="下一步" onclick="GoNext()"/>

  

服务端代码:

/// <summary>
/// 发送邮件
/// </summary>
/// <param name="context"></param>
/// <returns></returns>
public string SendMail(HttpContext context)
{
try
{
if (!string.IsNullOrEmpty(CookiesHelper.getCookie("send_mail_limit")))
{
return "-5";//每分钟只能发送一次
}
string email = context.Request["email"];
if (string.IsNullOrEmpty(email) || !CommonHelper.IsValidEmail(email))
{
return "-1";//传值为空
}
//判断邮件是否存在
BLL.Web.Member bllMember = new BLL.Web.Member();
int mailCount = bllMember.GetCountByEmail(email);
Models.Web.Member member = bllMember.GetModelByEmail(email); if (mailCount == 0 || member == null)
{
return "-2";//不存在
} string vcode = CommonHelper.RandCode(8); Models.Web.VerifyCode model = new Models.Web.VerifyCode();
model.v_code = vcode;
model.v_createdate = DateTime.Now;
model.v_enddate = DateTime.Now.AddHours(2);
model.v_status = 0;
model.v_email = email; BLL.Web.VerifyCode bllVC = new BLL.Web.VerifyCode();
int no = bllVC.Append(model);
if (no > 0)
{
string sendText = "";
string tempPath = context.Server.MapPath("~/EmailTemp/ModifyPwd.txt"); using (StreamReader sr = new StreamReader(tempPath))
{
sendText = sr.ReadToEnd();
}
sendText = sendText.Replace("{UserName_CH}", member.PersnalName);
sendText = sendText.Replace("{UserName_EN}", member.PersnalName);
sendText = sendText.Replace("{VCode}", vcode); CommonHelper.SendEmail(email, sendText, Resource.Lang.RetrievePassword);
CookiesHelper.setCookie("send_mail_limit", "SendMail", 1.00);
}
else
{
return "-3";//验证码生成异常,请重试!
} return "1";//成功
}
catch (Exception)
{
return "-4";//异常
}
}

  

获取验证码效果和后台代码(js+html+cs)的更多相关文章

  1. 获取验证码,60秒倒计时js

    <input type="button" id="btn" value="免费获取验证码" /><script type= ...

  2. Android 获取验证码倒计时实现

    Android 获取验证码倒计时实现 2017年10月24日 09:55:41 FBY展菲 阅读数:2002    版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.cs ...

  3. [RN] React Native 获取验证码 按钮

    React Native 获取验证码 按钮 效果如图: 实现方法: 一.获取验证码 按钮组件 封装 CountDownButton.js "use strict"; import ...

  4. day80:luffy:短信sdk接入&点击获取验证码&注册功能的实现&Celery实现短信发送功能

    目录 1.短信sdk接入 2.前端点击获取验证码效果 3.注册后端接口实现 4.注册-前端 5.Celery 6.Celery完成短信发送功能 1.短信sdk接入 1.准备工作 1.下载云通讯相关的文 ...

  5. JQuery 获取验证码倒计时

    HTML代码: <button id="btn">点击获取验证码</button> Jquery:代码: $(document).ready(functio ...

  6. selenium+Python3.5获取验证码

    其中PIL为Python Imaging Library,已经是Python平台事实上的图像处理标准库了.PIL功能非常强大,但API却非常简单易用. PIL第三方库安装 pip install PI ...

  7. 用户点击获取验证码之后我们会发送一条信息到用户手机,然后就会出现一个倒计时按钮,很像支付宝手机付款效果了,下面我给大家分享两个js效果

    js代码  代码如下 复制代码 <div class="input">    <input type="button" id="bt ...

  8. js获取验证码 秒表效果(原创)

    <script src="http://code.jquery.com/jquery-latest.js"></script> <input type ...

  9. Angular.js 使用获取验证码按钮实现-倒计时

    获取验证码界面效果如图: 需要实现以下逻辑 按钮不可选 --输入电话号码,按钮可选 --点击获取,进入倒计时,按钮不可选 --倒计时结束,回到初识状态 核心代码: var cd = 60; var t ...

随机推荐

  1. 6.28笔记-servlet3.0注解配置、文件上传、过滤器、监听器

    一.servlet3.0注解配置 使用javaEE6.0 支持servlet3.0 value的值就是访问路径 urlPatterns的值也是访问路径 @WebServlet(name="D ...

  2. 第10课 C++异常简介

    1. try-catch语句 (1)try语句处理正常代码逻辑 (2)catch语句处理异常情况 (3)try语句中的异常由对应的catch语句处理 (4)C++通过throw语句抛出异常信息 2. ...

  3. unity3d将C#打包成dll方法

    方法一:用vs新建工程-C#库,添加UnityEngine.dll引用,注意.netframwork选3.5,编译C#脚本得到dll: 方法二:使用mono的mcs,具体如下 c#提供了dll打包,但 ...

  4. 《Linux内核精髓:精通Linux内核必会的75个绝技》一HACK #15 ramzswap

    HACK #15 ramzswap 本节介绍将一部分内存作为交换设备使用的ramzswap.ramzswap是将一部分内存空间作为交换设备使用的基于RAM的块设备.对要换出(swapout)的页面进行 ...

  5. redis 4,0 安装

    安装redis : 1,yum install wget -y 2,cd /opt: 3,wget http://download.redis.io/releases/redis-4.0.10.tar ...

  6. serializers 序列化器里面进行 校验等

    一.第一版(一般不用) # 声明序列化器from rest_framework import serializersfrom djangoDome.models import Book class P ...

  7. java技术-重点方向

    多线程 锁 事务 缓存 hashmap 并发编程

  8. sql server 定期自动清理日志

    https://blog.csdn.net/dqs78833488/article/details/51372491

  9. linux添加计划任务

    crond 是linux用来定期执行程序的命令.当安装完成操作系统之后,默认便会启动此任务调度命令.crond命令每分锺会定期检查是否有要执行的工作,如果有要执行的工作便会自动执行该工作.可以用以下的 ...

  10. Delphi 解析HTML

    uses mshtml; IHTMLEleMent.ID; IHTMLEleMent.tagName; IHTMLEleMent.title;elmt._className;elmt.getAttri ...