php验证码刷新与局部刷新的实现方法

发布时间:2020-09-15编辑:脚本学堂
实现php 验证码调用时的刷新与局部刷新,这二种情况在网站开发中均有使用。

一、验证码刷新(专题推荐:php验证码大全)
 

复制代码 代码示例:
<form method="post" name="login" action="">
验 证 码:<input type="text" name="code" class="text code" /> <img src="code.php" id="code" />
</form>

方法1、借助js伪类
 

复制代码 代码示例:
<img src="code.php" id="code" onclick="javascript:this.src='code.php?tm='+Math.random()" />

方法2、引入外部文件
在<head></head>之间引入外部文件
 

复制代码 代码示例:

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

//外部文件code.js设置局部刷新函数
//link http://www.jb200.com
function code () {
var code = document.getElementByIdx_x_x('code');
code.onclick = function () {
this.src='code.php?tm='+Math.random();
};
};

有关php验证码的文章,脚本学堂在之前的介绍中也有提及,为大家推荐几篇文章:
php生成验证码的例子
php随机验证码 php生成随机验证码(图文)
一个比较稳定的php登陆系统验证码
用php生成带有雪花背景的验证码
php生成动态图片验证码的一段代码

二、在验证码旁边加上说明文字,点击文字时才刷新
 

复制代码 代码示例:
<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>

方法1、借助js伪类
 

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

方法2、引入外部文件
在<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();
};
};

您可能感兴趣的文章:
php验证码简单函数代码(附效果图)
分享一个php 验证码类及调用示例
php验证码的三个实例代码分享
一个php验证码的封装类
php自定义大小验证码的实例代码
php生成扭曲及旋转的验证码图片的实例代码
php仿QQ验证码的实现代码
php验证码(GD库生成验证码)的例子
php图片验证码的例子
php GD库生成验证码的实例
php生成验证码的例子
一个比较稳定的php登陆系统验证码
用php生成带有雪花背景的验证码