位置: 编程技术 - 正文

jQuery插件实现静态HTML验证码校验

编辑:rootadmin

推荐整理分享jQuery插件实现静态HTML验证码校验,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

jQuery由美国人John Resig创建,它是一个快速、简洁的JavaScript库,提供了很多遍历函数,如each(fn)。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。正是这些操作上的特点,用户可以方便地处理HTML文档、事件、实现动画效果,并且方便地为网站提供交互。如今,jQuery已经吸引了来自世界各地的众多JavaScript高手加入。

这里所要讲到的jQuery Real Person Plugin,就是一个完全由JavaScript编写而成的jQuery验证码插件。

jQuery Real Person Plugin主要实现了字母和字母数字混合两种验证方式,可以有效地防止自动提交表单。其外观展示提供了定制功能,默认是6位字母,如图1所示。

根据需要,也可以定制8位长度的验证码,如图2所示。

或者是字母数字混合式的验证码,如图3所示。

jQuery插件实现静态HTML验证码校验

此外,用户也可以对底部的文字进行定制,如图4所示。

看到这些各具特色而且功能强大的验证界面,我们能否自己也来实现呢?答案是肯定的。下面,通过循序渐进的讲解,对jQuery Real Person Plugin的验证过程进行分析。第1步,使用这个验证功能之前,引入JavaScript、CSS文件。

在上面的代码中,第1行引入jQuery类库,可以到官方网站载最新jQuery类库。第2行引入验证码插件类库jquery.realperson.js。第3行引入验证码样式文件jquery.realperson.css。网站界面如图5所示。

第2步,页面中放入文本框元素,也就是HTML部分。

在上面的代码中,第1行使用两行一列进行布局,一行用于存放文本框,一行用于存放登录按钮。第3行定义id=”txtValidate”的文本框,用于输入验证码。第6行定义id=”btnSubmit”的提交按钮,用于触发后台事件,从而登录系统。第3步,页面初始化时,调用验证码插件,以便于初始化验证码显示。

在上面的代码中,第2行为页面加载时所进行的操作,相当于页面的onLoad事件。第3行调用验证码控件的接口,用于显示验证码。第4步,核心代码分析。

在上面的代码中,第7~9行用于生成验证码随机字符。第~行用于把背景字符和随机字符组装成HTML代码,输出到浏览器。

通过上述剖析,可以看到,验证码对于密码安全具有十分重要的作用。联想到银行账户的安全问题,比如黑客通过其他途径获得了银行账户,然后打开其网上银行的登录界面。使用浏览器中查看源代码的方式,分析登录界面HTML代码,发现页面中没有验证码,也没有其他的安全设置,只使用了HTTP协议;黑客窃喜,于是就可以使用程序来模拟浏览器向银行服务器提交账户和密码。密码一般是6位的阿拉伯数字,正确密码的可能性就是的6次方,也就是万次。黑客会找一台高性能、高带宽的电脑,运行套取银行密码程序,假设这台电脑1秒钟能测试个密码,万秒钟(也就是小时,一天左右)的时间就可以把所有的密码运行一遍,实际上黑客用不了那么长时间就已经窃取到了密码,银行帐号的钱也就会被转走。也就是说,若没有验证码,黑客使用套取银行密码程序,在一天左右的时间就能轻而易举地获得非法收入。

在实际应用中,汉字验证码也是比较常见的验证码,它的原理是:从一个汉字集合中随机抽选出几个汉字,生成图片以HTTP输出流到页面。如果客户端输入正确的汉字,则可以继续操作,否则禁制登录。中国上下五千年,文化博大精深,汉字数量达9万多,相对只有个位数的数字验证码和个字符的字母验证码,汉字验证码更具有安全性。因此,通过对验证码安全的研究,可以更加领略到中华文化的博大精深,原来密码验证也可以这样玩!

标签: jQuery插件实现静态HTML验证码校验

本文链接地址:https://www.jiuchutong.com/biancheng/370490.html 转载请保留说明!

上一篇:jQuery Real Person验证码插件防止表单自动提交

下一篇:jQuery插件开发精品教程(让你的jQuery更上一个台阶)(jquery插件大全)

  • 什么是税收制度构成要素的中心环节
  • 耕地占用税的税目
  • 物流公司车子保险费怎么做账
  • 公司帮员工全额缴纳五险一金
  • 客户逾期付款
  • 企业所得税可以税前扣除的税有哪些
  • 交易性金融资产借贷方向
  • 期初应收帐款
  • 发给职工的福利要交个税吗
  • 企业法人投资股4 账户
  • 转让无形资产收入属于销售收入吗
  • 营改增各项业务销售额按照什么确定
  • 公司产品中请别人开发的软件怎么会计处理?
  • 技术转让税收优惠政策500万
  • 民办幼儿园需要给老师交五险一金吗
  • 职工福利费要交个税吗
  • 银行代收费业务会计分录
  • 个税返还增值税申报表填哪里
  • 股份转让的溢价是什么意思
  • 长期待摊费用无发票怎么处理
  • 工商年报纳税总额是应缴还是实缴
  • 个人到财务挂账怎么做账
  • 高新企业申报指南
  • 装修工程需要预缴吗
  • 期间费用核算内容不应该包括
  • 购买所有物品都是可以退货吗
  • linux alias永久生效
  • 华为鸿蒙系统网速慢怎么解决
  • 奖金扣税标准税率表
  • PHP:Memcached::__construct()的用法_Memcached类
  • 盈利结转利润
  • win7旗舰系统
  • 坏账准备 结转
  • 哪些收入不纳税
  • 待处理财产损益会计分录
  • 建筑公司算不算企业
  • 国内旅客运输服务普票可以抵扣吗
  • pytorch x.view
  • 购买完服务器之后要怎么做
  • 金融商品转让的销售额
  • 物料最低库存
  • webpack怎么优化
  • 出差期间发生的招待费计入什么科目
  • 项目差旅费能计入项目费用吗
  • 个人社保信息变更流程
  • 在windowsxp的应用程序中,经常
  • 开了的发票应该如何在丁字帐里记录?
  • 买车进项税
  • 扣除未结话费是什么意思
  • 增值税零税率发票怎么开
  • 主营业务成本带二级科目吗
  • 汇算清缴弥补以前年度亏损多少年
  • k3凭证模板
  • 机票的抵扣进项税的注意事项
  • 劳务公司的劳务税是多少
  • mysql怎么切换到bin目录
  • 自动备份mssql server数据库并压缩的批处理脚本
  • win8出现问题需要重启
  • winxp系统控制面板
  • 快捷键f1怎么用不了
  • 在win7系统中如何用快捷键复制文件或文件夹
  • xp系统电脑开机密码忘记了
  • win10系统版本20h2
  • linux中安装软件可使用哪些方式
  • bootstrap不支持ie
  • css+div布局的常用方法
  • python笛卡尔积
  • 利用Matplotlib对一组数据进行分析
  • 没有实例化是什么意思
  • javascript教程推荐知乎
  • js跨域请求有哪些方式
  • unity导出资源包
  • java教程
  • javascript怎么学
  • android:ViewPager与FragmentPagerAdapter
  • 广东省电子税务局登录方式
  • 纳税人分类分级管理四个匹配
  • 成都成华区税务局
  • 金税盘读取发票
  • 贵州地税电话
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设