博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaWeb网上图书商城完整项目--day02-2.regist页面输入框得到焦点隐藏label
阅读量:6077 次
发布时间:2019-06-20

本文共 1262 字,大约阅读时间需要 4 分钟。

 

实现当光标输入在输入输入框的时候,将后面的内容隐藏,例如在用户名称输入信息的时候,后面的用户名不能为空隐藏

我们来看看regist.js的代码:

//该函数在html文档加载完成之后会调用$(function() {    /*     * 变量所有的错误信息,调用一个方法来决定是否显示错误信息     * */    $(".errorClass").each(function() {        showError($(this));//$(this)表示当前遍历的对象    });            //切换注册按钮的图片    $("#submitBtn").hover(function () {
//获得光标焦点 $("#submitBtn").attr("src","/goods/images/regist2.jpg"); },function(){
//失去光标的焦点 $("#submitBtn").attr("src","/goods/images/regist1.jpg"); }); //当输入框获得焦点的时候,隐藏label标签的内容 $(".inputClass").focus(function() {
//首先获得label标签的id var inputId = $(this).attr("id"); var labelId = inputId+"Error";//label的id //清楚该标签的内容 $("#"+labelId).text(""); //让该标签不显示 showError($("#"+labelId)); }); });//判断当前元素是否存在内容,存在显示,不存在不显示function showError( ele ){
var text = ele.text();//获得该对象的文本值 if(!text){ ele.css("display","none");//让该对象消息 }else{
ele.css("display","");//显示对象 }}//实现验证码图片的切换功能function changeVerifyCode() {
$("#imgVerifyCode").attr("src","/goods/VerifyCodeServlet?a="+new Date().getTime());}

我们来看看程序运行的效果:

 

当在用户名输入框获得焦点的时候,后面的用户名不能为空就消失了

 

转载于:https://www.cnblogs.com/kebibuluan/p/6802534.html

你可能感兴趣的文章
Flex 舞台背景渐变
查看>>
会计基础第二次模拟题(4)
查看>>
Ubuntu 问题解决汇总
查看>>
曾良 - 百度百科
查看>>
06 管理者意味着什么
查看>>
android权限大全
查看>>
微软必应借PK谷歌突围中国搜索市场
查看>>
刚子微信扯扯葱蒜
查看>>
[深入浅出Cocoa]iOS网络编程之NSStream
查看>>
HDOJ 4607 - Park Visit
查看>>
关于PHP 缓冲区
查看>>
分布式EventBus的Socket实现 - 发布订阅
查看>>
unity动态加载(翻译) .
查看>>
WIP_DISCRETE_JOBS.STATUS_TYPE
查看>>
一 VC2008环境中ICE的配置
查看>>
Win7无法添加用户的问题
查看>>
DCI:DCI学习总结
查看>>
- Shell - sort处理大文件(页 1) - ChinaUnix.net
查看>>
项目管理--执行过程组
查看>>
数据访问与sql语句的管理(一)
查看>>