页面添加滑动验证码

最新推荐文章于 2023-11-06 18:23:49 发布

VIP文章 scy_fighting

最新推荐文章于 2023-11-06 18:23:49 发布

阅读量5.3k

点赞数 1

本文链接：https://blog.csdn.net/scy_fighting/article/details/80802628

版权

增加后的效果如图所示：

因为项目需要，需要在注册页面添加滑动验证码。所以在此记录一下。我这里写的都是前端需要添加的代码。

1、首页引用极验验证码所需的js文件。

需要注意的是：如果网站是http协议则引用

如果网站是https协议，则引用

2、前端html代码：

在需要添加验证码的地方添加如下：

这个的作用是：没加载出来滑动验证码时，现在“”正在加载验证码的...“”的文字

<div id="captcha1">
  <p id="wait1" class="show">正在加载验证码......</p>
</div>

这个的作用是：当没完成滑动验证码的时候，点击“”获取手机验证码“”的提示（我这个是该事件绑定在获取手机验证码的按钮上了，所以在未完成滑动验证码之前，点击获取手机验证码，会提示该文字。如果你是绑定在提交上，则，点击提交时会提示该文字。）

<div>
  <p id="notice1" class="hide">请先完成验证</p>

</div>

3、前端js代码：

 $.ajax({
    url: "/xxx/StartCaptchaServlet?t=" + (new Date()).getTime(), // 加随机数防止缓存
    type: "get"

关注