.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();
     };
   };

您可能感兴趣的文章:

  • ASP.NET 实现验证码以及刷新验证码的小例子
  • asp.net中3种验证码示例(实现代码)(数字,数字字母混和,汉字)
  • asp.net生成验证码(纯数字)
  • asp.net生成验证码代码(纯中文)
  • asp.net 图片验证码的HtmlHelper
  • asp.net 验证码的简单制作(vb.net+C#)
  • asp.net ajax实现无刷新验证码
  • 封装的一个asp.net验证码类
  • ASP.NET中的无刷新验证码的开发(完整代码)
  • asp.net下生成英文字符数字验证码的代码
  • .NET 中英文混合验证码实现代码
  • asp.net 验证码生成和刷新及验证
  • asp.net 简单验证码验证实现代码
  • Asp.net(C#)实现验证码功能代码
  • ASP.net 验证码实现代码(C#)
  • asp.net(C#) 生成随机验证码的代码
  • .NET下实现数字和字符相混合的验证码实例