图片验证码,点击刷新

可以在验证码图片上面添加一个刷新按钮,通过点击按钮重新获取验证码。以下是一个示例:

<!-- 在 HTML 页面中引用验证码图片,使用 JavaScript 给其添加点击事件 -->
<div>
    <img id="captcha" src="captcha.php" alt="验证码">
    <button onclick="refreshCaptcha()">刷新</button>
</div>
<!-- 提交表单时发送验证码字符串 -->
<input type="text" name="captcha">

<script>
function refreshCaptcha() {
    document.querySelector('#captcha').src = 'captcha.php?' + Date.now();
}
</script>

在上面的代码中,我们给验证码图片添加了一个 ID,然后使用 JavaScript 给其添加了一个点击事件。当点击“刷新”按钮时,会调用 refreshCaptcha() 函数,该函数会获取验证码图片对象并通过给其添加一个随机参数的方式刷新验证码图片。然后用户就可以看到新的验证码并进行输入了。

© 版权声明
THE END
喜欢就支持一下吧
点赞10
相关推荐
评论 抢沙发

请登录后发表评论

    暂无评论内容