我想利用jquery在密码域的上方覆盖一个div,div中显示的是灰色的提示文字“请输入密码”
想要达到的效果是,当点击密码域获得焦点的时候,div隐藏。当密码域失去焦点
的时候首先判断密码域中是否输入了密码,如果没输入,那么div显示。如果输入了
div继续隐藏.
希望大家能给出实现的方法。
想要达到的效果是,当点击密码域获得焦点的时候,div隐藏。当密码域失去焦点
的时候首先判断密码域中是否输入了密码,如果没输入,那么div显示。如果输入了
div继续隐藏.
希望大家能给出实现的方法。
解决方案 »
- 怎么在网页中实现在一定时间内图片自动刷新??
- 帮忙正则表达式逆序环视的问题
- 50分问个限制多行文本框字数的问题,第一个帮我解决的分全给他
- 如何捕获点击alert窗口的“ok”按钮事件?
- 有个问题要麻烦各位了,有些急,非常感谢
- jquery 同时选择一个表单下有效的(:enable) 可见的(:visible)的input元素.
- 忘情火 请进
- 用Javascript实现在页面内跳转????
- 简单问题~~!
- 在applet中调用javascript的问题
- js 页面滚动 层智能浮动定位 的问题
- js大神们啊~ 要怎么知道鼠标停留在onmouseover事件上 又要怎么知道鼠标离开了onmouseover事件
#pass_div{
position: relative;
height:18px;
}
#tip_div{
line-height: 18px;
font: 12px/18px "宋体";
color: #999;
padding-left:5px;
}
#pass_div input{
border: 1px solid #ddd;
background: none;
position: absolute;
height:15px;
width:100px;
top:0;
}
</style>
<div id="pass_div">
<div id="tip_div">请输入密码</div>
<input type="password" name="password">
</div>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("input[name='password']").focus(function(){
$("#tip_div").html("");
}).blur(function(){
if($(this).val()==""){
$("#tip_div").html("请输入密码");
}
});
});
</script>
<input type="password" id="pwd" />
<div id="dvPwd" style="display:none;position:absolute;color:#666">请输入密码!</div>
<script type="text/javascript">
$(function () {
var input = $('#pwd'), dv = $('#dvPwd');
dv.css({ width: input.outerWidth(), height: input.outerHeight(), top: input.offset().top, left: input.offset().left, display: 'block' }).click(function () { $(this).hide(); input.focus(); });
input.blur(function () { if (this.value == '') dv.show(); });
});
</script>
width:100px;
按需要自己调整吗