您的位置：首页 > 其它

实现验证码的刷新，或局部刷新

2011-09-17 13:49 375 查看
以验证码的刷新为例

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

};

};
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航