H5滑动验证+H5源码_阿里滑块资源-CSDN文库

共2个文件

js：1个

html：1个

5星 · 超过95%的资源需积分: 50 127 浏览量 2018-05-08 15:55:13 上传评论 3 收藏 35KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

H5滑动验证.rar （2个子文件）

H5滑动验证

alyslide.js 164KB

demo.html 2KB

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">  <script type="text/javascript" charset="utf-8" src="//g.alicdn.com/sd/nch5/index.js?t=2015052012"></script>   </head> <body> <div id="__nc" style="margin-left:auto;margin-right:auto;width:30%;height:100px;padding-top:100px;"> <div id="nc"></div> </div> <script> var nc_token = ["CF_APP_1", (new Date()).getTime(), Math.random()].join(':'); var nc=NoCaptcha.init({ renderTo: '#nc', //声明滑动验证需要渲染的目标元素ID appkey: 'CF_APP_1', scene: 'register', token: nc_token, trans: {"key1": "code200"}, elementID: ["usernameID"], is_Opt: 0, language: "cn", timeout: 10000, retryTimes: 5, errorTimes: 5, inline:false, apimap: { // 'analyze': '//a.com/nocaptcha/analyze.jsonp', // 'uab_Url': '//aeu.alicdn.com/js/uac/909.js', }, bannerHidden:false, initHidden:false, callback: function (data) { window.console && console.log(nc_token) window.console && console.log(data.csessionid) window.console && console.log(data.sig) }, error: function (s) { } }); NoCaptcha.setEnabled(true); nc.reset();//请务必确保这里调用一次reset()方法 NoCaptcha.upLang('cn', { 'LOADING':"加载中...",//加载 'SLIDER_LABEL': "请向右滑动验证",//等待滑动 'CHECK_Y':"验证通过",//通过 'ERROR_TITLE':"非常抱歉，这出错了...",//拦截 'CHECK_N':"验证未通过", //准备唤醒二次验证 'OVERLAY_INFORM':"经检测你当前操作环境存在风险，请输入验证码",//二次验证 'TIPS_TITLE':"验证码错误，请重新输入"//验证码输错时的提示 }); </script> </body> </html>

评论收藏

内容反馈