增加后的效果如图所示:
因为项目需要,需要在注册页面添加滑动验证码。所以在此记录一下。我这里写的都是前端需要添加的代码。
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", dataType