Jquery 小问题。当textbox中填写了其他的字符後，为啥仍然被$(this).val();执行为空了啊。
代码如下$("#address").focus(function(){varadd=$(this).val();if(add=="inputyourmailaddress...
代码如下
$("#address").focus(function () {
var add = $(this).val();
if (add == "input your mail address!");
{
$(this).val("");
}
});
$("#address").blur(function () {
var add = $(this).val();
if (add == "") {
$(this).val("input your mail address!")
}
});
本来逻辑应该是这样的，文本框默认值是input your mail address!，当foucs的时候，清空裏面的文本，如果没有填写东西，blur的时候恢复默认值，现在问题是，当填了值过後，blur过後值不会变，但是当再次foucs的时候他还会清空值，填了过後value应该不是input your mail address!了把，那为什麼
if (add == "input your mail address!");
{
$(this).val("");
}
这一句还是执行了啊。 展开
$("#address").focus(function () {
var add = $(this).val();
if (add == "input your mail address!");
{
$(this).val("");
}
});
$("#address").blur(function () {
var add = $(this).val();
if (add == "") {
$(this).val("input your mail address!")
}
});
本来逻辑应该是这样的，文本框默认值是input your mail address!，当foucs的时候，清空裏面的文本，如果没有填写东西，blur的时候恢复默认值，现在问题是，当填了值过後，blur过後值不会变，但是当再次foucs的时候他还会清空值，填了过後value应该不是input your mail address!了把，那为什麼
if (add == "input your mail address!");
{
$(this).val("");
}
这一句还是执行了啊。 展开
展开全部
$("#address").focus(function () {
var add = $(this).val();
if (add == "input your mail address!"); //多写了个分号导致错误
{
$(this).val("");
}
});
$("#address").blur(function () {
var add = $(this).val();
if (add == "") {
$(this).val("input your mail address!")
}
});
完整代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
<input type="text" id="address" value="input your mail address!" />
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$("#address").focus(function () {
var add = $(this).val();
if (add == "input your mail address!")
{
console.log(add)
$(this).val("");
}
});
$("#address").blur(function () {
var add = $(this).val();
if (add == "") {
$(this).val("input your mail address!")
}
});
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
直接在#address的HTML语句中用placeholder="input your mail address!"就可以了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
