.net验证码的刷新或局部刷新的方法实例

以验证码的刷新为例

代码如下:

<form method="post" name="login" action="">
  验 证 码：<input type="text" name="code" class="text code"  /> <img src="code.php" id="code" />

</form>

方法一：使用JavaScrip的伪类实现

代码如下:

<img src="code.php" id="code" onclick="javascript:this.src='code.php?tm='+Math.random()" />

方法二：引入外部文件

在html文件的<head></head>之间引入外部文件

代码如下:

<script type="text/javascript" src="js/code.js"></script>

//外部文件code.js设置局部刷新函数

function code () {
     var code = document.getElementByIdx_x_x('code');
     code.onclick = function () {
       this.src='code.php?tm='+Math.random();
     };
   };

另外，如果是想在验证码旁边加上一内容，然后点击该内容验证码刷新的话，可以用下列方法

代码如下:

<form method="post" name="login" action="">
  验 证 码：<input type="text" name="code" class="text code"  /> <img src="code.php" id="code" />

<span id="update">点击刷新验证码</span>

</form>

方法一：使用JavaScrip的伪类实现

代码如下:

<img src="code.php" id="code"/><span id="update" onclick="javascript:code.src='code.php?tm='+Math.random()"></span>

方法二：引入外部文件

在html文件的<head></head>之间引入外部文件

代码如下:

<script type="text/javascript" src="js/code.js"></script>

//外部文件code.js设置局部刷新函数

function code () {
     var code = document.getElementByIdx_x_x('code');

var update = document.getElementByIdx_x_x('update');
     update.onclick = function () {
       code.src='code.php?tm='+Math.random();
     };
   };

赞 (0)

相关推荐

  • .NET 中英文混合验证码实现代码

    .NET 中英文混合验证码实现代码

    最终效果如图: CheckCode.aspx.cs代码如下 复制代码 代码如下: protected void Page_Load(object sender, EventArgs e) { //获取GB2312编码页(表) /**//** * 生成中文验证验码所要使用的方法 * 注,生成中文验证码时要改变一下生成验证码图片的宽度 * var imageCode = new System.Drawing.Bitmap((int)Math.Ceiling((code.Length * 22.5))

  • 封装的一个asp.net验证码类

    第一个反映是验证码的这些属性是否可以设置(也就是说是封装成一个类,然后以暴露公有属性和方法的方式来使用的,还是在直接在一般处理程序中实现了验证码的生成到输出),结果比较可惜,是后者...... 里面的算法感觉挺不错,至少对于我这种对算法几乎是不懂的人来说是这样,于是想到去封装一下她然后无耻地纳入自己的类库中去^^ old原文件如下:点击下载 首先分析一下这份代码中的不足(自己觉得的): 1.面向过程式的编程,如果要修改验证码的属性,例如修改字体的大小.背景颜色等细节的东西,需要去一般处理程序中找

  • asp.net生成验证码代码（纯中文）

    复制代码 代码如下: using System; using System.Data; using System.Configuration; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls; usi

  • ASP.NET 实现验证码以及刷新验证码的小例子

    ASP.NET 实现验证码以及刷新验证码的小例子

    实现代码 复制代码 代码如下: /// <summary>    /// 生成验证码图片,保存session名称VerificationCode    /// </summary>    public static void CreateVerificationCode()    {        int number;        string checkCode = string.Empty; //随机数种子        Random randoms = new Rando

  • asp.net(C#) 生成随机验证码的代码

    asp.net(C#) 生成随机验证码的代码

    常用的生成验证码程序 ,图片效果如下:    源程序如下: 复制代码 代码如下: using System;  using System.IO;  using System.Drawing;  using System.Drawing.Imaging;  using System.Text;  using System.Collections;  using System.Web;  using System.Web.UI;  using System.Web.UI.WebControls; 

  • asp.net 验证码生成和刷新及验证

    验证码技术是为了防止暴力破解等而设定的.现在一般的网站注册等都提供验证码功能,特别是腾讯更是长长的一串.文中参考了别人的代码.有了就没有必要再写了.可以读一下.不过我测试时发现了两次PageLoad的问题.注释了两句即可.同时修改了namespaces.同时提供完整的验证说明:1 新建VerifyCode.aspx cs文件代码如下: 复制代码 代码如下: using System; using System.Collections; using System.ComponentModel; u

  • asp.net 图片验证码的HtmlHelper

    asp.net 图片验证码的HtmlHelper

    一个图片验证码的HtmlHelper,原来的调用代码如下: 复制代码 代码如下: <img id="validateCode" mailto:src='@Url.Action(%22GetValidateCode%22)'/> <script language="javascript" type="text/javascript"> $(document).ready(function () { $("#vali

  • .NET下实现数字和字符相混合的验证码实例

    经常在论坛里看到有问怎么实现验证码的帖子,其实关于验证码的文章在CSDN,DEV-CLUB等网站上都有很多,但是很多文章只讲诉了如何输出一个随机生成数字或字符的图象,当然了,这个是验证码的核心了,但是对很多ASP.NET的初学者来说,怎么使用它生成的图象又成了一个问题(论坛有不少问这个的),这也是我写本文的一个原因.    言归正传,关于验证码的原理,我就不多说了,大家可以参见其他文章,文末附有完整的实例代码,里面有详细的注释,你可以跳过解说文字,直接使用    首先,我要简要说说Session

  • asp.net 验证码的简单制作(vb.net+C#)

    asp.net 验证码的简单制作(vb.net+C#)

    网站上验证码效果一般制作方法是: 1)使用HttpHandler(一般处理程序)绘制随机验证码的图,以及产生随机码,并输出到页面的OutputStream中. 2)页面中使用异步方式(js等)进行刷新当前页面的验证码. [示例] 1)创建一个"一般应用处理程序ashx",代码如下: [C#] 复制代码 代码如下: public class ValidationCode : IHttpHandler { //随机发生器 static Random r = new Random(Guid.

  • Asp.net(C#)实现验证码功能代码

    新建一个专门用来创建验证码图片的页面ValidateCode.aspx 它的后台cs文件代码如下: PageLoad 复制代码 代码如下: private void Page_Load(object sender, System.EventArgs e) { string checkCode = CreateRandomCode(4); Session["CheckCode"] = checkCode; CreateImage(checkCode); } 其中CreateRandomC

  • asp.net 简单验证码验证实现代码

    asp.net 简单验证码验证实现代码

    首先是新建一个验证码页面 ValidateCode.aspx 定义变量 这样有利于后期的修改了 复制代码 代码如下: private int codeLen = 4;//验证码长度 private int fineness = 85;//图片清晰度 private int imgWidth = 48;//图片宽度 private int imgHeight = 24;//图片高度 private string fontFamily = "Times New Roman";//字体名称

  • asp.net生成验证码（纯数字）

    CheckCode.cs 复制代码 代码如下: using System; using System.Data; using System.Configuration; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.Html

  • ASP.net 验证码实现代码(C#)

    public class ValidateCode : System.Web.UI.Page {   private void Page_Load(object sender, System.EventArgs e)   {    this.CreateCheckCodeImage(GenerateCheckCode());   }   #region Web 窗体设计器生成的代码   override protected void OnInit(EventArgs e)   {    //  

  • ASP.NET中的无刷新验证码的开发(完整代码)

    复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Login" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm

  • asp.net下生成英文字符数字验证码的代码

    复制代码 代码如下: using System; using System.Data; using System.Configuration; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls; usi

  • asp.net中3种验证码示例(实现代码)(数字,数字字母混和,汉字)

    asp.net中3种验证码示例(实现代码)(数字,数字字母混和,汉字)

    效果如图所示: Default.aspx 复制代码 代码如下: <table> <tr> <td class="style1">  (验证码测试)</td> <td>   <asp:Label ID="Label1" runat="server"></asp:Label>   <asp:Image ID="Image1" runat=&q

  • asp.net ajax实现无刷新验证码

    1.首先是在后台验证码的aspx文件的Page_Load中的事件代码: 复制代码 代码如下: using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Drawing; namespace 学生在线考试系统 { public partial class

随机推荐