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)
付杰
免费SSL证书 HTTPS申请 安装 配置 支持通配符*
免费SSL证书 HTTPS申请 安装 配置 支持通配符*
  • ¥ 1999.9元
  • 市场价:20000元
Swoole从入门到精通(第一季)
  • ¥ 199.0元
  • 市场价:199.0元
vue.js视频教程:全新 Vue.js 2.6 核心技术合集
  • ¥ 69.0元
  • 市场价:69.0元
SEO顾问 单站最低999元 整站全方位优化
SEO顾问 单站最低999元 整站全方位优化
  • ¥ 999元
  • 市场价:4999元

发表评论

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