获取验证码效果和后台代码(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 ...
随机推荐
- delphi WebBrowser的使用方法详解(四)-webbrowser轻松实现自动填表
webbrowser轻松实现自动填表 步骤如下: 第一步:获取网页 调用Webbrowser 的Navigate系列函数.等待网页装载完成,得到document对象. 在调用 webBrowser. ...
- css图片变色变暗变亮
本文章向码农介绍css 图片变色变暗变亮 实例代码如下: <style> *{margin:0;padding:0;list-style:none;} img{border:1px sol ...
- 为solr增加用户验证
添加此功能主要是为了增加solr服务器的安全性,不能随便让人访问. 1. 在tomcat的F:\Tomcat 6.0.26_solr\conf\tomcat-users.xml添加用户角色并 ...
- HTML5 Canvas ( 图形变换矩阵 ) transform, setTransform
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- salt常用模块及API
saltstack提供了非常丰富的功能模块,涉及操作系统的基础功能,常用工具支持等,更多模块信息见官网模块介绍:https://docs.saltstack.com/en/latest/ref/mod ...
- FileOperator 文件(夹)操作类
public class FileOperator { /** * 复制文件目录 * @param srcDir 要复制的源目录 eg:/mnt/sdcard/DB * @param destDir ...
- NISP视频知识点总结
身份认证访问控制安全审计本章实验 ===密码学=====古典密码 算法本身的保密性近代密码 机械密码\机电 密码打字密码机轮转机现代密码 基于密钥公钥密码 公钥==================对称 ...
- 吴裕雄 实战PYTHON编程(10)
import cv2 cv2.namedWindow("frame")cap = cv2.VideoCapture(0)while(cap.isOpened()): ret, im ...
- post与get的区别
GET请求在URL中传送的参数大多数浏览器限制该长度为2kb的,而POST没有. GET比POST更不安全,因为参数直接暴露在URL上,所以不能用来传递敏感信息. GET参数通过URL传递,POST放 ...
- 大型运输行业实战_day07_2_数据字典实现
1.数据字典表 CREATE TABLE `dic` ( `id` ) NOT NULL AUTO_INCREMENT, `table_name` ) DEFAULT NULL, `field_nam ...