php验证码刷新与局部刷新

时间 2019-11-08

标签 php 验证码刷新局部栏目 PHP 繁體版

原文原文链接

php验证码刷新与局部刷新

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

1、验证码刷新

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

复制代码代码示例:

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

方法一、借助js伪类
php

复制代码代码示例:

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

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

复制代码代码示例:

//外部文件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();
};
};web

有关php验证码的文章，脚本学堂在以前的介绍中也有说起，为你们推荐几篇文章：
php生成验证码的例子
 php随机验证码 php生成随机验证码(图文)
一个比较稳定的php登录系统验证码
 用php生成带有雪花背景的验证码
 php生成动态图片验证码的一段代码

2、在验证码旁边加上说明文字，点击文字时才刷新
dom

复制代码代码示例:

     <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>

方法一、借助js伪类
函数

复制代码代码示例:

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

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

复制代码代码示例:

//外部文件code.js设置局部刷新函数
function code () {
var code = document.getElementByIdx_x_x('code');this

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