Jsp页面用javascript加滑动验证条

先上个效果图

1.
在head之间加入

<head>
<script type="text/javascript" charset="utf-8" src="//g.alicdn.com/sd/ncpc/nc.js?t=2015052012"></script>
</head>

2.
在jsp页面想要显示滑动条处加入

<div id="your-dom-id" class="nc-container"></div>
<!--No-Captcha渲染的位置，其中 class 中必须包含 nc-container-->

3.
在body下加入javascript。
注意！！！！一定要在body下方加，否则滑动条很可能显示不出来。

<script type="text/javascript" >
var nc_token = ["CF_APP_1", (new Date()).getTime(), Math.random()].join(':');var NC_Opt = {renderTo: "#your-dom-id",appkey: "CF_APP_1",scene: "register",token: nc_token,customWidth: 250,trans:{"key1":"code0"},elementID: ["usernameID"],is_Opt: 0,language: "cn",isEnabled: true,timeout: 3000,times:5,apimap: {// 'analyze': '//a.com/nocaptcha/analyze.jsonp',// 'get_captcha': '//b.com/get_captcha/ver3',// 'get_captcha': '//pin3.aliyun.com/get_captcha/ver3'// 'get_img': '//c.com/get_img',// 'checkcode': '//d.com/captcha/checkcode.jsonp',// 'umid_Url': '//e.com/security/umscript/3.2.1/um.js',// 'uab_Url': '//aeu.alicdn.com/js/uac/909.js',// 'umid_serUrl': 'https://g.com/service/um.json'},   callback: function call(data) { window.console && console.log(nc_token);window.console && console.log(data.csessionid);window.console && console.log(data.sig);//在这里写滑动成功以后，可以做的事件，下面是我写的成功之后可以注册的语句，可以改成自己需要的/* var uname=checkName();var pwd=checkpwd();var apwd=checkapwd();if(uname&&pwd&&apwd){document.getElementById("regist").disabled=""; return true;              } else{alert("答应我先填完资料ok?");window.location.reload();return false;}*/}};var nc = new noCaptcha(NC_Opt);nc.upLang('cn', {_startTEXT: "请按住滑块，拖动到最右边",_yesTEXT: "验证通过",_error300: "哎呀，出错了，点击<a href=\"javascript:__nc.reset()\">刷新</a>再来一次",_errorNetwork: "网络不给力，请<a href=\"javascript:__nc.reset()\">点击刷新</a>",});
</script>

完事！

Jsp页面用javascript加滑动验证条相关推荐

Android自定义滑动验证条
*注:不知道为什么,h5的标签在这里没用了,所以我也只能用Markdown的语法来写了项目地址: https://github.com/994866755/handsomeYe.seekbar.gi ...
H5页面标题栏部分加载进度条0%-100%
网页进度条能够更好的反应当前网页的加载进度情况,loading进度条可用动画的形式从开始0%到100%完成网页加载这一过程. 首先我们要知道的是,目前没有任何浏览器可以直接获取正在加载对象的大小.所以 ...
java页面分页显示代码_通用分页jsp页面显示
注:本章内容都是在上一篇文章通用分页后台显示:https://www.cnblogs.com/ly-0919/p/11058942.html 的基础上进行改进,所以有许多的类都在上一篇, 带来不便 ...
python写一个自动登录脚本_Python 实现自动登录+点击+滑动验证功能
需要用到的库有selenium,还需要安装Chrome浏览器驱动,具体如何安装我就不详述了在这里我模拟了csdn的登录过程 ** 1**.首先打开网页,用户名+密码登录,然后定位用户名输入框,和密码 ...
python自动登录教程_Python 实现自动登录+点击+滑动验证功能
需要用到的库有selenium,还需要安装Chrome浏览器驱动,具体如何安装我就不详述了在这里我模拟了csdn的登录过程 ** 1**.首先打开网页,用户名+密码登录,然后定位用户名输入框,和密码 ...
python登录京东滑动验证_Python 实现自动登录+点击+滑动验证功能
需要用到的库有selenium,还需要安装Chrome浏览器驱动,具体如何安装我就不详述了在这里我模拟了csdn的登录过程 ** 1**.首先打开网页,用户名+密码登录,然后定位用户名输入框,和密码 ...
jsp页面生成验证码且验证
一般先写出验证码,利用java语言写出(后台或者前台写,前台jsp还是用<% %>包java语句写出) 然后登陆页面用img的src引入验证码的方法,比如: <img src=&qu ...
AJAX验证jsp页面验证码
我们在做登录的时候往往会加上验证码,然后提交form表单到action验证,然而,传统的这种做法往往验证不通过,返回INPUT页面时,出现验证码图片不显示,并抛出空指针异常,遇到这种情况,通常的解决方 ...
JSP 页面访问用户验证
jsp安全性问题,当别人知道某个jsp文件的网址后就可以跳过登陆页面直接访问该jsp文件了,这样无法禁止外部无权限用户的访问.本文讨论内容是通过权限验证的用户,才可以访问特定的页面. JSP 页面验证 ...

Jsp页面用javascript加滑动验证条

Jsp页面用javascript加滑动验证条相关推荐

最新文章

热门文章

Jsp页面用javascript加 滑动验证条

Jsp页面用javascript加 滑动验证条相关推荐

最新文章

热门文章

Jsp页面用javascript加滑动验证条

Jsp页面用javascript加滑动验证条相关推荐