当前位置:主页 > jquery插件 > 表单按钮 >

jQuery随机验证码

栏目分类:表单按钮   模板编号:JQ00113    发布日期:2018-07-29   来源:www.zybox.cc   浏览次数:次     在线预览
1~9,A~Z随机生成验证码,且颜色及形状随机改变

使用方法

引用jquery库和jquery.code.js

<script src="js/jquery-1.10.2.js"></script>
<script src="js/jquery.code.js"></script>

html

<input type="text"  placeholder="验证码">
<span   title='点击切换'></span>

js

$(function() {
    // 自定义验证码个数
    $('.code').createCode({
        len: 6
    });
});
// 前面输入框失去焦点验证
$('.input-code').blur(function() {
    if ($(this).val().toLowerCase() != $('.code').children('input').val().toLowerCase()) {
        alert('验证码不正确')
    } else {
        alert('验证通过')
    }
})


在线演示 立即下载
打赏本站
云盘密码:rapb
Copyright © 2014 资源盒子 版权所有   黔ICP备14004500号-3   TAG
轮播图 滚动代码 表单按钮 音频视频 客服代码 弹出提示 TAB选项卡 导航菜单 页面布局 图片展示 UI
织梦标签工具下载 ↑↓
织梦标签工具下载