滑动验证登录

骑猪看日落 2022-04-01 20:17 277阅读 0赞

### 滑动验证登录 ###

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<link rel="stylesheet" href="./css/jigsaw.css">
    		<link rel="stylesheet" href="./css/layui.css" />
    	</head>
    	<body>
    		<form class="layui-form myform" action="/login" method="post" onsubmit="return func();">
                <div class="username">
                    <input type="text" name="username" required lay-verify="username" placeholder="请输入用户名" autocomplete="off" class="layui-input">
                </div>
                <div class="pass">
                    <input type="password" name="password" required lay-verify="password" placeholder="请输入密码" autocomplete="off" class="layui-input">
                </div>
                <div class="login">
                    <div id="captcha" style="position: relative"></div>
                    <button type="button" class="layui-btn liji layui-btn-normal" lay-submit lay-filter="formDemo" id="submitBnt">登录</button>
                </div>
            </form>
    	</body>
    	<script src="./js/jquery-1.12.4.js"></script>
    	<script src="./js/jigsaw.js"></script>
    	<script src="./js/layui.js" ></script>
    	<script>
    		//滑动验证
    		var verify = jigsaw.init(document.getElementById('captcha'), function () { 
    			alert("验证通过");
    		});
    	</script>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，277人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript实现登录滑动验证

来自于GitHub， [如何快速访问GitHub][GitHub] 先附上效果图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naG

客官°小女子只卖身不卖艺/ 2023年07月20日 05:52/ 0 赞/ 11 阅读

相关 java实现滑动块验证登录，验证码校验，滑动验证码，字符验证码

码云地址：[https://gitee.com/gester/captcha][https_gitee.com_gester_captcha] 实现效果： ![wat

￡神魔★判官ぃ/ 2022年12月17日 08:46/ 0 赞/ 384 阅读

相关滑动验证码

本文是使用极验滑动验证码的官网做的实验，没有账号的可以先注册一个账号，地址：https://account.geetest.com/login 1. 安装环境

布满荆棘的人生/ 2022年12月08日 05:35/ 0 赞/ 253 阅读

相关 python实现滑动验证

做自动化测试的时候，需要自动登录QQ邮箱，在网上找的都是基于selenium的：[参考链接][Link 1]，但是代码在本地运行并没有取得满意的效果：滑动不成功！而且每个

川长思鸟来/ 2022年11月14日 11:55/ 0 赞/ 236 阅读

相关表单滑动验证

滑动验证效果—↓↓↓ 滑动前 ![开始][20210618114704350.png] 滑动中 ![滑动][20210618114727374.png]

痛定思痛。/ 2022年10月07日 13:47/ 0 赞/ 138 阅读

相关 JavaScript 滑动验证

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- 手指

淡淡的烟草味﹌/ 2022年07月12日 07:51/ 0 赞/ 203 阅读

相关登录验证

Angular应用中的登录与身份验证撰写于 2016年7月10日修改于 2017年6月26日分类 [编程杂记][Link 1] 标签 [AngularJS][] /

本是古典何须时尚/ 2022年06月05日 06:26/ 0 赞/ 255 阅读

相关登录验证

运用ajax+jquery+SpringMVC进行登录验证前言：我tXX爷的，今晚真是给jar包搞残了，以后必须的打好基础在来搞事情。由于我前期javaScript

男娘i/ 2022年05月08日 02:56/ 0 赞/ 256 阅读

相关滑动验证登录

滑动验证登录 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

骑猪看日落/ 2022年04月01日 20:17/ 0 赞/ 278 阅读

相关验证登录

验证登录登录验证，是为了让项目提高安全性。就像身份证一样，你的身份证就代表着你本身，本人的身份证，你使用不了。一个项目没有了安全性操作，那么谁都可以操作里面的内容了

r囧r小猫/ 2022年01月30日 13:21/ 0 赞/ 437 阅读