鸿 网 互 联 www.68idc.cn

当前位置 : 服务器租用 > 网站制作教程 > ASP.NET > >

Exchange邮箱登陆界面添加验证码功能完美解决方案

来源:互联网 作者:佚名 时间:2013-09-14 08:20
前言:昨天思路错误,白忙了一上午因为Exchange安装好之后是依附于IIS的所以我们看到登陆界面也是个.aspx页面通过IIS找到的Exchange安装目录发现只有logon.aspx

前言:

   昨天思路错误,白忙了一上午因为Exchange安装好之后是依附于IIS的所以我们看到登陆界面也是个.aspx页面 通过IIS找到的Exchange安装目录发现只有logon.aspx页面 没有也不可能有logon.aspx.cs页面,说白了就是微软给咱们写好了一个(一套)软件--Exchange邮件服务系统,对于用户,亲你只需要安装就行了。。。

后语:

   这意味着exchange走的也是IIS,也是asp.net那一套流程,ok 需求来了:

   上帝:我想要在邮箱登陆的时候加一个验证码的功能,这样不是会更安全嘛。

   开发者:额,好吧。。。(心说,尼玛坑爹呐,这是微软写好的我怎么给你加验证码呀!!)

儿子就算是在坑爹,那也是咱儿子啊,满足不了他到时候认贼作父就不好了。

   说了半天废话咱们奔主题吧。。。。。。。。

主题:

   既然我们能看到Exchange安装好部署后的页面能对于前端来讲我们还是可以改变的,思路有一下3种:

   1)网上案例:

   请看这位大神的示例代码,但因为时间有点久远了,相关Code下载不过来,不过有兴趣的还是可以看看的。

   2)前端验证

顾名思义,就是使用js来在前端动态生成验证功能,控制用户登录

       缺点:这只是表面的现象,一旦有高手察觉这个验证功能只是张纸那么薄,很容易捅破。

   demo:效果如下


<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>无标题页</title> <style type="text/css"> .code { background-image:url(code.jpg); font-family:Arial; font-style:italic; color:Red; border:0; padding:2px 3px; letter-spacing:3px; font-weight:bolder; } .unchanged { border:0; } </style> <script language="javascript" type="text/javascript"> var code; //在全局 定义验证码 function createCode() { code = ""; var codeLength = 6;//验证码的长度 var checkCode = document.getElementById("checkCode"); var selectChar = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z');//所有候选组成验证码的字符,当然也可以用中文的 for (var i = 0; i < codeLength; i++) { var charIndex = Math.floor(Math.random() * 36); code += selectChar[charIndex]; } // alert(code); if (checkCode) { checkCode.className = "code"; checkCode.value = code; } } function validate() { var inputCode = document.getElementById("input1").value; if (inputCode.length <= 0) { alert("请输入验证码!"); } else if (inputCode.toUpperCase() != code.toUpperCase()) { alert("验证码输入错误!"); createCode();//刷新验证码 } else { alert("^-^ OK"); } } </script> </head> <body <form action="#"> <table> <tr><td>姓 名:</td><td><input type="text"/></td></tr> <tr><td>密 码:</td><td><input type="password"/></td></tr> <tr><td>验证码:</td><td><input type="text" /> <input type="text" readonly="readonly" /></td></tr> <tr><td></td><td><input type="button" value="确定" /> </td></tr> </table> </form> </body> </html>

虽然每次点击验证码的时候会发生变动,但是这个验证码不是图片,所以还是有程序可以注入的,比如下边这种也是

亲你懂了吧~~~~~~~

   3)后端伪验证:

   哎,为什么要加个“伪”呐因为如果不是js你也没办法阻止表单的提交,而且表单提交后也没有什么验证,就是在验证用户登录的时候你是没办法拦截用户的登录信息提取验证码的

   缺点:类似前端js 验证

demo:先上效果图:

废话不多说了,贴出流程:

在IIS中找到Exchange登录界面页面的物理路径,找到页面logon.aspx,添加如下代码:


<!----------------------------------------------------------- start 验证码 ---------------------------------------------------------------------> <tr><td nowrap><label for="yzm">验证码:</label></td><td><input type='text' maxlength="4" /> <img src='GetImg.aspx' alt="点击切换验证码" title="点击切换验证码" 'GetImg.aspx');return false;" /></td> </tr> <!----------------------------------------------------------- end 验证码 --------------------------------------------------------------------->

你懂得,具体位置有你定,然后加入以下js代码(这个位置随意):

<!------------------------------------------ 验证码 脚本 ------------------------------------------------------------> <script type="text/javascript" src=\'#\'" /script> <script type="text/javascript"> function ToggleCode(obj, codeurl) { $(obj).attr("src", codeurl + "?time=" + Math.random()); } var bo=false; $(document).ready(function(){ $(".btn").before("<label> </label>"); $(".btn").click(function(){ if(bo){ return true; }else{ var codeVaule=$("#yzm").val(); if(codeVaule==""){ $("#spanMsg").html("*验证码不能为空!"); return false; }else if(codeVaule.length!=4){ $("#spanMsg").html("*验证码位数不够!"); return false; }else{ $.get("VerifyCode.aspx?yzmc="+codeVaule,{},function(data){ if(data=="ok"){ $("#spanMsg").html("*验证码正确!"); $(".btn").click(); bo=true; }else{ $("#spanMsg").html("*验证码错误!"); } }); } return bo; } }); }); </script> <!------------------------------------------- end 验证码 脚本 ----------------------------------------------------------->

然后在logon.aspx同一目录下添加jquery-1.7.1.min.js文件具体是什么版本的jquery你可以任意选择,应该都能兼容。注意js代码的引用名称一致。然后添加GetImg.aspx文件代码如下:

网友评论
<