Java添加一个滑动验证码，有啥可难的，分分钟加一个

最新推荐文章于 2024-07-12 15:16:04 发布

完美收官

最新推荐文章于 2024-07-12 15:16:04 发布

阅读量2k

点赞数 4

分类专栏：杂谈文章标签：滑动验证 Java

本文链接：https://blog.csdn.net/shdsxyt/article/details/88552617

版权

本文介绍了在Java项目中添加滑动验证的步骤，包括引入JS资源、测试方法、自定义样式和文案，以及问题排查和错误码说明，旨在帮助开发者轻松集成这一防止短信刷取的安全功能。

摘要由CSDN通过智能技术生成

滑动验证一般和短信验证码是成对出现，为了避免短信被刷的情况，滑动验证码是一个必须添加的一个功能，下面给大家介绍通过java添加滑动验证的方法。

如何使在电脑端使用的滑动验证，需要引入一段js资源，这里分了国内和国外两种，如下：

<!-- 国内使用 -->
<script type="text/javascript" charset="utf-8" src="//g.alicdn.com/sd/ncpc/nc.js?t=2015052012"></script>
<!-- 若您的主要用户来源于海外，请替换使用下面的js资源 -->
<!-- <script type="text/javascript" charset="utf-8" src="//aeis.alicdn.com/sd/ncpc/nc.js?t=2015052012"></script> -->

为了保证js不被浏览器长时间缓存，建议token字段设置一个时间戳，如下：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <!-- 国内使用 -->
        <script type="text/javascript" charset="utf-8" src="//g.alicdn.com/sd/ncpc/nc.js?t=2015052012"></script>
         <!-- 若您的主要用户来源于海外，请替换使用下面的js资源 -->
        <!-- <script type="text/javascript" charset="utf-8" src="//aeis.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: 300,
            trans:{"key1":"code0"},
            elementID: ["usernameID"],
            is_Opt:

最低0.47元/天解锁文章

完美收官

关注

4
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
Java添加一个滑动验证码，有啥可难的，分分钟加一个

滑动验证一般和短信验证码是成对出现，为了避免短信被刷的情况，滑动验证码是一个必须添加的一个功能，下面给大家介绍通过java添加滑动验证的方法。如何使在电脑端使用的滑动验证，需要引入一段js资源，这里分了国内和国外两种，如下：&lt;!-- 国内使用 --&gt;&lt;script type="text/javascript" charset="utf-8" src="//g.al...
复制链接

扫一扫