JS登录注册滑块填充拼图验证表单特效代码

JS登录注册滑块填充拼图验证表单特效代码

JS仿QQ登录滑块拖动填充拼图验证效果,支持登录和注册表单切换验证代码。

使用方法
在页面引入styles.css、jigsaw.css文件

1
2
<link rel="stylesheet" href="css/jigsaw.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">

JS代码

1
<script src="js/jigsaw.js"></script>

验证是否登录成功代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
var flag=false;
function sub(){
    var name=document.getElementById('username').value;
    var pass=document.getElementById('password').value;
    var cname="admin";
    var cpass="123";
    if(name==cname && pass==cpass && flag==true){
    alert("登录成功!")
        //window.location.href="#";
    }else{
        if(flag==false){
            alert("验证失败!")
            return;
        }
        alert("用户名或密码错误!")
    }
        }
 jigsaw.init(document.getElementById('captcha'), function () {
 flag=true;
document.getElementById('msg').innerHTML = '登录成功!'  
})

文件信息:

    1

    发表评论