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>
在现实功能之前还有导入
现在通过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> 才可以实现
相关文章推荐
- jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
- jquery注册文本框获取焦点清空,失去焦点赋值
- Jquery文本框失去和获取焦点变色
- jquery注冊文本框获取焦点清空,失去焦点赋值
- jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
- jQuery表单获取和失去焦点输入框提示效果的实例代码
- jQuery表单获取和失去焦点输入框提示效果的实例代码
- Jquery实现文本框获取焦点清空内容,失去焦点重新获得内容的公共函数
- jquery注册文本框获取焦点清空,失去焦点赋值
- Jquery实现文本框获取焦点清空内容,失去焦点重新获得内容
- Jquery实现文本框获取焦点清空内容,失去焦点重新获得内容
- JQuery失去焦点和获取焦点
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
- jquery 文本框失去焦点显示提示信息&&单击置空文本框
- jquery获取焦点和失去焦点
- jquery学习 (3)文本框获取焦点之后变换样式
- jquery实现之文本框失去和得到焦点效果
- js/jquery获取文本框输入焦点的方法
- jQuery实现输入框获取焦点和失去焦点
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点