您的位置:首页 > Web前端 > JQuery

jquery中提交文本框失去焦点 与获取焦点的实例

2012-11-23 22:55 706 查看
文本框内容如下:用户名:<input type="text" name="username" id="username" value="请输入用户名">

现在通过jQuery实现当文本框获取焦点时,文本框中的值将消失,而失去焦点时文本框的值将还原,javascript下的代码:

<script  type="text/javascript">

//获得焦点时

$("username").focus(function(){

  var txt=$(this).val();//获取文本框的值

if (txt=="请输入用户名"){

  $(this).val("");//清空当前文本框的值

}

//失去焦点时

$("username").blur(function(){

  var txt=$(this).val();//获取文本框的值

if (txt==""){

  $(this).val("请输入用户名");//清空当前文本框的值

}

});

</script>

在现实功能之前还有导入

<script src="js/jquery-1.3.1.js" type="text/javascript"> </script>

才可以实现
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: