验证码或局部刷新

最新推荐文章于 2021-02-17 03:26:35 发布

转载最新推荐文章于 2021-02-17 03:26:35 发布 · 291 阅读

·

0

·

本文介绍两种实现验证码局部刷新的方法：一是直接在HTML中使用JavaScript伪类为验证码图片元素添加点击事件；二是通过引入外部JavaScript文件定义刷新函数，并为验证码图片元素绑定此函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

若有侵权,会立即删除,转自http://blog.youkuaiyun.com/brokge/article/details/6784642

以验证码的刷新为例

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

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。