JS点击刷新验证码代码

今天在用PHP做验证码类的时候,发现以前保存的“JavaScript点击刷新验证码”代码有Bug了,针对火狐浏览器点击验证码不刷新,或者说火狐浏览器点击验证码只刷新一次。

 

最后总算解决了,说得简单一点,是我以前的“JavaScript点击刷新验证码代码”有问题,不能兼容所有的浏览器,现在已经得到了改正。

 

以下两种方法都可以实现JS点击刷新验证码功能,只需要一行代码即可解决!亲测可以兼容所有的浏览器。

 

第一种方法:

                <div class="form-group">
                    <label for="pwd"><strong style="color: red;background-color: white;">*</strong> 验证码:</label>
                    <input required="required" type="text" name="code" class="form-control" id="pwd" maxlength="4" >
                    <img src="/admin/code.php" onclick="this.src=this.src+'?p='+Math.random()" />
                </div>

 

第二种方法:

<div class="form-group">
                    <label for="pwd"><strong style="color: red;background-color: white;">*</strong> 验证码:</label>
                    <input required="required" type="text" name="code" class="form-control" id="pwd" maxlength="4" >
                    <img src="/admin/code.php" onclick="this.src='/admin/code.php?p='+Math.random()" />
                </div>

 

给大家看下我的效果图:

JS点击刷新验证码

 

总结:

虽然说只有一行的“JavaScript点击刷新验证码”代码,但是,我还是推荐大家用第一种方法,比较省事。

    A+
发布日期:2020年11月17日 17:02:19  所属分类:JavaScript
最后更新时间:2020-11-17 17:03:13
评分: (1 票;平均数5.00 ;最高评分 5 ;用户总数1;总得分 5;百分比100.00)
付杰
PHP运行环境 wamp lamp lnmp 安装 配置 搭建
PHP运行环境 wamp lamp lnmp 安装 配置 搭建
  • ¥ 99.9元
  • 市场价:299元
免费SSL证书 HTTPS申请 安装 配置 支持通配符*
免费SSL证书 HTTPS申请 安装 配置 支持通配符*
  • ¥ 1999.9元
  • 市场价:20000元
wordpress站群服务 泛解析二级域名 二级目录
wordpress站群服务 泛解析二级域名 二级目录
  • ¥ 1999.9元
  • 市场价:8999元
刷流量 刷人气 刷点击 刷收藏 刷APP关键词
刷流量 刷人气 刷点击 刷收藏 刷APP关键词
  • ¥ 1.0元
  • 市场价:9.9元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: