获取验证码效果和后台代码(js+html+cs)
客户端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)的更多相关文章
- 获取验证码,60秒倒计时js
<input type="button" id="btn" value="免费获取验证码" /><script type= ...
- Android 获取验证码倒计时实现
Android 获取验证码倒计时实现 2017年10月24日 09:55:41 FBY展菲 阅读数:2002 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.cs ...
- [RN] React Native 获取验证码 按钮
React Native 获取验证码 按钮 效果如图: 实现方法: 一.获取验证码 按钮组件 封装 CountDownButton.js "use strict"; import ...
- day80:luffy:短信sdk接入&点击获取验证码&注册功能的实现&Celery实现短信发送功能
目录 1.短信sdk接入 2.前端点击获取验证码效果 3.注册后端接口实现 4.注册-前端 5.Celery 6.Celery完成短信发送功能 1.短信sdk接入 1.准备工作 1.下载云通讯相关的文 ...
- JQuery 获取验证码倒计时
HTML代码: <button id="btn">点击获取验证码</button> Jquery:代码: $(document).ready(functio ...
- selenium+Python3.5获取验证码
其中PIL为Python Imaging Library,已经是Python平台事实上的图像处理标准库了.PIL功能非常强大,但API却非常简单易用. PIL第三方库安装 pip install PI ...
- 用户点击获取验证码之后我们会发送一条信息到用户手机,然后就会出现一个倒计时按钮,很像支付宝手机付款效果了,下面我给大家分享两个js效果
js代码 代码如下 复制代码 <div class="input"> <input type="button" id="bt ...
- js获取验证码 秒表效果(原创)
<script src="http://code.jquery.com/jquery-latest.js"></script> <input type ...
- Angular.js 使用获取验证码按钮实现-倒计时
获取验证码界面效果如图: 需要实现以下逻辑 按钮不可选 --输入电话号码,按钮可选 --点击获取,进入倒计时,按钮不可选 --倒计时结束,回到初识状态 核心代码: var cd = 60; var t ...
随机推荐
- Java 迭代器 工具类
迭代器:Iterator接口 //获取集合中的对象Iterator<E> iterator() interface Iterator { boolean hasNext(); Object ...
- mysql5.5版本以后插入中午显示问号的解决办法
先看看中午变问号的结果 现在看看我们建立数据库和建表的操作 看到这里相信大家都知道创建成功了,没错,数据库跟表是创建成功了,可当你录入的信息带中文的时候就显示问号. 现在用传统的解决办法 在查看下表的 ...
- java字符串分解 StringTokenizer用法
Java中substring方法可以分解字符串,返回的是原字符串的一个子字符串.如果要讲一个字符串分解为一个一个的单词或者标记,StringTokenizer可以帮你. 先看个例子: 1 public ...
- python之socket编写
Socket 类型 套接字格式: socket(family,type[,protocal]) 使用给定的地址族.套接字类型.协议编号(默认为0)来创建套接字. socket类型 描述 socket. ...
- spring security 学习文档
web service Prepared by: Sea ...
- ADODB 调用存储过程
追加参数法调用存储过程 追加参数通过CreateParameter方法,用来指定属性创建新的Parameter对象.具体语法如下: Set parameter = command.CreatePara ...
- SQL Server 2005 无法连接到WMI提供程序 无法执行 SQL Server 系统配置检查器
无法连接到WMI提供程序.你没有权限或者该服务器无法访问/cannot connect to WMI provider. You do not have permission or the--由于计算 ...
- AS3 localToGlobal、globalToLocal方法的总结
(1).localToGlobal (point) 把point看成在(1)内部,计算出该point相当于stage的坐标 (2).globalToLocal (point) point为全局 ...
- Nginx 错误汇总
1. Upstream timed out (110: Connection timed out) while reading response header from upstream 这种情况主要 ...
- drop user和drop user cascade的区别
SQL> delete user itp2;delete user itp2 *第 1 行出现错误:ORA-00903: 表名无效 SQL> drop user itp2;dr ...