js验证码插件gVerify.js

最新推荐文章于 2025-08-06 09:10:34 发布

lz_1129

最新推荐文章于 2025-08-06 09:10:34 发布

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/lz_1129/article/details/79851258

本文介绍了一个简单的验证码验证示例，包括HTML布局、JavaScript代码及如何使用gVerify.js库实现验证码验证逻辑。文中还展示了如何通过按钮点击触发验证，并在控制台输出结果。

HTML部分：

<div id="container" style="width: 200px;height: 50px;"></div>
<input type="text" id="code_input" value="" placeholder="请输入验证码"/>
<button id="my_button">验证</button>

js部分：

<script src="./jquery.js"></script>
<script src="./gVerify.js"></script>
var verifyCode = new GVerify("container");
    document.getElementById('my_button').onclick=function(){
    var res=verifyCode.validate(document.getElementById('code_input').value);
    console.log(res);
    if(res){
        alert('success')
    }else {
        alert('failed')
    }
}