这篇文章主要为大家详细介绍了jQuery点击输入框显示验证码图片，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
先看效果图：
要求：当输入框获得焦点时，自动显示验证图片。
代码如下（学习而已，仅供参考）：
/***********************下是验证码对象*****************/
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('<div id="div_validation_'+eleName+'"></div>');
this.div = $('#div_validation_'+eleName);
this.div.css('position','absolute');
this.div.css('cursor','pointer');
this.div.css('border','1px solid #CCC');
this.div.css('background-color','#FFF');
this.div.css('background-position','center');
this.div.css('background-repeat','no-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('background-image','url('+Validation.image+'&_t='+new Date()+')');
this.div.css('display','inline-block');
this.display = true;
//点击更换
this.div.click(function(){
Validation.div.css('background-image','url('+Validation.image+'&_t='+new Date()+')');
});
}
else{
this.div.css('background-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();
以上就是本文的全部内容，希望对大家的学习有所帮助。
- 面試分數相差8分，有沒有可能超過對手？
- 面试方式中小组讨论和结构化面试有什么不同？
- 法院的司法岗位的自考生没有工作的资格审查要什么材料
- 关于省级公务员面试专业测试分数的复查
- 关于考察的内容问题
- 公务员体检出痔疮或者肛裂能被录用了吗？
- 大理州2008年从村干部定向考录乡镇公务员面试成绩及考核体检名单公告
- 云南省2008年省级公务员招考体检需知
- 云南省2008年省直党群机关招考公务员面试通知
- 公务员录用体检操作手册
- 心态过缓怎么办？
- 昭通市2008年招考公务员面试有关事项的通知
- 文山州2008年招考公务员体检通知
- 文山州2008年招考公务员非公安类岗位体检通知
- 文山州2008年招考公务员非公安类岗位体检人员名单
- 文山州2008年从村干部定向考录乡镇公务员体检通知
- 文山州2008年从村干部定向考录乡镇公务员体检名单
- 文山州2008年招考公务员公安类岗位考生的体检通知
- 文山州2008年公务员招考公安类岗位体检名单
- 曲靖市法检系统2008年招考公务员进入面试资格复审人员名单
- 曲靖市法检系统2008年招考公务员笔试后有关事项的公告
- 总成绩第一是否能录取，省级公务员录取以后什么时候开始上班？
- 2008年云南省级公务员招考面试最终成绩
- 县级公务员在哪里体检？
- 公务员调剂补录问题
- lose
- lose count
- lose-count
- lose-count-of
- lose count of something
- lose face
- lose-face
- lose ground
- lose-ground
- lose-head
- 逃脱
- 逃荒
- 逃课
- 逃走
- 逃跑
- 逃路
- 逃躲
- 逃逸
- 逃遁
- 逃避
- 描写熊猫的小学三年级作文精选10篇
- 关于熊猫的小学三年级学生作文10篇
- 小学作文兴奋的那一刻（精选）8篇
- 身边的抗疫英雄作文小学
- 小学作文兴奋的那一刻500字8篇
- 兴奋的那一刻作文小学10篇
- 2022中国传统节日端午节小学作文10篇
- 神奇的探险之旅小学生满分作文十篇
- 2022神奇的探险之旅想象作文素材十篇
- 神奇的探险之旅小学五年级优秀作文素材十篇