AJAX实现的网站登陆时的校验码
来源:互联网 发布:linux怎么回到目录下一 编辑:程序博客网 时间:2024/06/09 15:25
如果你是个初学者.特别是对于验证码这东西还那么神秘,那么你应该看看下面的文章。
这里给大家介绍的一个简单的使用ajax professional实现的图片数字/文字验证方法,相信大家平时在很多网站或系统的注册页面都遇到过,如下图所示:
如果你不知道如何生成这种东西,那么这篇文章将会 帮助你在以后得项目中使用它来做validation。
1. 先给大家画了个原理图能够说明如何来实现,数字的生成,以及验证:
登陆或者是注册页面通过向生成验证图片的页面发送请求,生成图片的页面会将生成的图片返回给登陆或注册页面, 用户通过一个文本输入框输入图片显示的数字或者是字母等,然后点击按钮来给验证页面发送输入的文字等,在服务器端通过对比,如果用户输入的和系统生成的字母/数字相同的话就返回给登陆或者是注册页面一个true,反之返回false。然后在客户端通过js重定向页面到其他页面。
2. 具体的实现代码:
登陆页面的主要代码:
Image.aspx页面会生成个认证图片,而ReBtn()是通过javascript来实现登陆页面的reload以重新生成验证码,用户输入验证码后,通过validatecode()来调用ajax方法和服务器端的信息进行对比,如果没有问题重定位到需要跳转的页面。在下面会把每个javascript的函数介绍一下。
生成image的文件时images.aspx页面,它通过C#的画图函数来生成一个图片。单独的imags.aspx页面如下图所示:
它的C#代码:
Javascript的代码如下:
a. 点击登录按钮时的ajax请求:
点击看不清按钮时执行的ReBtn()函数:
function ReBtn()
{
window.location.reload();
}
上面那个ajax请求向服务器的ValidateCode.aspx页面发送ID为TxtCode的文本框的内容,然后在服务器端对比;
如果TxtCode里的string和Number.WaterNumber相同,系统会返回true,然后在客户端会出现’验证通过’的提示,反之提示’验证码输入错误’
3.代码下载:
http://download.csdn.net/source/1537831
- AJAX实现的网站登陆时的校验码
- JavaWeb校验码的实现
- Ajax.net实现loading登陆的效果
- Ajax 弹出登陆框的实现原理
- 基于c#实现网站的自动登陆
- 登录、注册中校验码的简单实现
- MD5校验码的生成与算法实现
- CRC冗余校验码的介绍和实现
- CRC校验码的原理介绍及其实现
- 数据传输中CRC校验码的实现
- Asp.net 登陆页面的Ajax异步身份验证的实现
- php网站开发与Ajax的实现
- wordpress网站的手机客户端的登陆实现
- C# 用Ajax实现登陆/评论之类的单一功能
- AJAX实现异步提交登陆达到页面友好的效果
- php实现Ajax带有验证码的登陆注册功能
- 彩色校验码的制作
- 修改身份证的校验码。
- JLink V7 全功能版 OK2440 V2 AXD 下调试通过
- 汉字与unicode码的互相转换
- 应用整体架构整合
- thttpd 服务器移植
- smarty介绍
- AJAX实现的网站登陆时的校验码
- VC爱你不容易
- 青岛安装网络电话找盖邦网络,国内长途市话一律5分5
- 选项窗格JTabbedPane
- 移植thttpd Web服务器到ARM-Linux系统
- 一位散户高手的自白
- Enterprise Library 4.0中文文档-数据访问应用程序块【0】简介
- Huffman coding.
- 128 64