gVerify.js 浏览器端图形验证码插件

第一步引入bfwone

第二步执行插件

示例如下，可在线运行和编辑

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["gVerify"], function() {
                var verifyCode = new GVerify("img");
                $('#go').on('click', function(e) {
                    if (!verifyCode.validate($('#validate').val())) {
                        alert("验证码不正确");
                        
                    } else {
                        alert("验证成功");
                        
                    }
                })
            });
        });
    </script>
</head>
<body style="padding:30px;">
    <div style="width: 80px;height: 34px;" id="img"></div>
    <input id="validate" type="text" placeholder="请输入验证码" style="width: 180px;height: 34px;" />
    <input type="button" id="go" value="提交" style="width:80px;height: 34px;" />

</body>
</html>

gVerify.js 浏览器端图形验证码插件

立即下载gVerify.js 查看所有js插件

网友评论0