php验证码刷新与局部刷新

php验证码刷新与局部刷新

 
实现php 验证码调用时的刷新与局部刷新，这二种情况在网站开发中均有使用。
一、验证码刷新

 原文地址：http://www.jbxue.com/article/6441.html

复制代码代码示例:
<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.jbxue.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();
};
};

posted on 2013-11-22 11:19  smsyun  阅读(785)  评论(0)    收藏  举报