web前端|js教程
jQuery输入框显示验证码,jQuery验证码图片,jQuery验证提示
web前端-js教程
先看效果图:
三合一asp源码,vscode插件部分失效,ubuntu检测上网,tomcat 进程监控,sqlite3 加密原理,传智播客前端框架视频教程,家里出现很多黑色的小爬虫,php 异常类,深圳罗湖seo培训,网站后台代码,网页 js 特效代码,登陆页面html模板lzw
壁纸站 源码,ubuntu中的hosts,tomcat8生产调优,爬虫尾巴长毛毛,php即时通讯聊天系统源码,德曼seolzw
要求:当输入框获得焦点时,自动显示验证图片。
经典源码 百度网盘,web端界面ubuntu,在cmd打开爬虫,php 收据,seo行业收入lzw
代码如下(学习而已,仅供参考):
/***********************下是验证码对象*****************/var Validation = {};Validation.init = function(eleName,imageSrc){ this.image = imageSrc; $(#+eleName).focusin(function(){ Validation.show(eleName); });}Validation.image = \;Validation.display=false;Validation.width = 100px;Validation.height = 30px;Validation.div = null;Validation.show = function(eleName){ if(this.display==false){ //首次显示 if(this.div==null){$(#+eleName).after(
);this.div = $(#div_validation_+eleName);this.div.css(position,absolute);this.div.css(cursor,pointer);this.div.css(order,1px solid #CCC);this.div.css(ackground-color,#FFF);this.div.css(ackground-position,center);this.div.css(ackground-repeat, o-repeat);this.div.css(height,this.height);this.div.css(width,this.width);var objOffset = $(#+eleName).offset();objOffset.top+=$(#+eleName).height()+6;this.div.offset(objOffset);this.div.css(ackground-image,url(+Validation.image+&_t=+new Date()+));this.div.css(display,inline-block);this.display = true;//点击更换this.div.click(function(){ Validation.div.css(ackground-image,url(+Validation.image+&_t=+new Date()+));}); } else{this.div.css(ackground-image,url(+Validation.image+&_t=+new Date()+));this.display = true;this.div.css(display,inline-block); } }}Validation.hide =function(){ if(this.display==true){ this.display = false; this.div.hide(); }}
使用方式:
//验证码对象初始化Validation.init(validation,Ajax.ashx?handle=validation);//输入框ID 验证图片地址 //隐藏Validation.hide();
如果觉得《jQuery点击输入框显示验证码图片【jquery】》对你有帮助,请点赞、收藏,并留下你的观点哦!