前端表单滑块验证码开发

devtools/2024/11/15 4:54:44/

Jsp页面用javascript加 滑动验证条_jsp验证码滑动实现-CSDN博客

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>什么是对象以及对象属性</title><script type="text/javascript" charset="utf-8" src="//g.alicdn.com/sd/ncpc/nc.js?t=2015052012"></script>
</head><body><div id="your-dom-id" class="nc-container"></div> 
<!--No-Captcha渲染的位置,其中 class 中必须包含 nc-container--><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) { //在这里写滑动成功以后,可以做的事件,下面是我写的成功之后可以注册的语句,可以改成自己需要的if(1===1){alert("答应我先填完资料ok?1");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> </body></html>


http://www.ppmy.cn/devtools/15210.html

相关文章

分类算法——决策树(五)

认识决策树 决策树思想的来源非常朴素&#xff0c;程序设计中的条件分支结构就是if-else结构&#xff0c;最早的决策树就是利用这类结构分割数据的一种分类学习方法。 决策树分类原理详解 为了更好理解决策树具体怎么分类的&#xff0c;通过一个问题例子&#xff1a; 问题…

ADOP告诉您光分路器的类型?如何选择?

&#x1f331;在无源光网络&#xff08;PON&#xff09;中&#xff0c;光分路器作为核心光器件&#xff0c;可帮助多个用户共享一个PON接口&#xff0c;最大限度地扩展了光网络性能。那么你知道目前市面上有多少种光分路器吗&#xff1f;该如何选择呢&#xff1f; 阅读本文后&a…

【教程】MySQL数据库学习笔记(五)——约束(持续更新)

写在前面&#xff1a; 如果文章对你有帮助&#xff0c;记得点赞关注加收藏一波&#xff0c;利于以后需要的时候复习&#xff0c;多谢支持&#xff01; 【MySQL数据库学习】系列文章 第一章 《认识与环境搭建》 第二章 《数据类型》 第三章 《数据定义语言DDL》 第四章 《数据操…

HiveQL-DML总览

一、LOAD Hive在将数据加载到表中时不进行任何转换。加载操作目前是纯拷贝/移动操作&#xff0c;将数据文件移动到与配置单元表相对应的位置。 语法&#xff1a; load data [local] inpath filepath [overwrite] into table tablename [partition (partcol1val1, partcol2val…

Java23种设计模式-结构型模式之享元模式

享元模式&#xff08;Flyweight Pattern&#xff09;:主要用于减少创建大量相似对象时的内存占用。通过共享对象&#xff0c;享元模式可以减少内存中对象的数量&#xff0c;从而提高程序的性能。 角色&#xff1a; 1.享元角色&#xff08;Flyweight&#xff09;&#xff1a;享…

【数字电路与系统】【北京航空航天大学】实验:时序逻辑设计——三色灯开关(三)、功能仿真测试

本次实验&#xff08;一&#xff09;见博客&#xff1a;【数字电路与系统】【北京航空航天大学】实验&#xff1a;时序逻辑设计——三色灯开关&#xff08;一&#xff09;、实验指导书 本次实验&#xff08;二&#xff09;见博客&#xff1a;【数字电路与系统】【北京航空航天…

webpack -vite(Rollup )-Gulp (一)

vite基于什么打包 Vite 是一个现代的前端构建工具&#xff0c;它在开发环境中利用浏览器原生的 ES 模块加载机制实现快速启动和热更新&#xff0c;而在生产环境打包时&#xff0c;默认基于 Rollup 进行构建。Rollup 是一个JavaScript 模块打包器&#xff0c;尤其擅长处理 ES 模…

SSTV音频转图片

SSTV工具有很多&#xff0c;这里使用RX-SSTV慢扫描工具 下载安装 RX-SSTV解码软件 下载地址&#xff1a;https://www.qsl.net/on6mu/rxsstv.htm 一直点下一步&#xff0c;安装成功如下图: 虚拟声卡e2eSoft 由于SSTV工具是根据音频传递图片信息&#xff0c;正常解法需要一…