动态显示图形验证码
2018-09-29 09:55
162 查看
图形验证码与username绑定,当password输入错误记录一次,错误次数达到预设值时显示图形验证码,要求输入图形验证码才能继续登录。
输入错误次数绑定到用户身上,当正确登录后,清除用户身上记录的密码错误次数。
使用<label for="id">指向username的input标签的id。
<label for="username"></label>
<form:input id="username"/>
对username做焦点事件focus.
focus主要对当前用户校验是否需要展示图形验证码,如果已经显示要对验证码刷新。
再对username做焦点离开事件blur
blur事件在用户输入完用户名后,离开username,触发事件,校验当前用户是否需要显示图形验证码。
$(function(){
$("#username").focus();
if (showImageCode == "true"){
refreshCode();
showRandomCode();
} else {
checkShowCaptcha();
}
$("#username").blur(function(){
if (showImageCode != "true"){
checkShowCaptcha();
}
});
});
阅读更多相关文章推荐
- Swing图形界面实现可动态刷新的验证码
- linux环境下如何显示图形验证码
- 图形验证码显示实现 笔记
- ASP.NET中Visio图形的控制与数据的动态显示
- ASP.NET中Visio图形的控制与数据的动态显示
- Highcharts结合Asp.net实现动态数据股票式图形显示实例
- BCB使用TImage做探地雷达图形动态显示
- 实现通用 Web CAPTCHA 图形验证码 JavaScript 脚本 API 服务 (JavaScript 脚本动态页面引用)
- SGD的几种优化加速模型动态图形显示
- Highcharts结合Asp.net实现动态数据股票式图形显示实例 .【转】
- 百度地图集成echarts并且在地图上显示动态告警图形
- 实现通用 Web CAPTCHA 图形验证码 JavaScript 脚本 API 服务 (JavaScript 脚本动态页面引用) 完整代码
- Highcharts结合Asp.net实现动态数据股票式图形显示实例
- Thinkphp 图形验证码无法显示
- [问题-unfinished],怎样使动态改变的js里的document.write任意时间都可以显示在页面上, 问题是不在appendChild前面加一个alert() , append上去的js中的document.write语句通通无效
- Java图形程序中的对话逐字显示实现
- select下拉列表动态显示选择公司及部门信息——级联
- 根据Edittext搜索,listview动态显示
- Javascript 最简单的动态显示当前时间的代码
- Matlab与线性代数 -- 稀疏矩阵的图形显示