<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="js/jquery.cookie.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#start").attr("disabled", true);
$("#name").css("background-color", "lightgray").click(function () {
$("#name").css("background-color", "");
if ($("#name").val() == "请输入您的名字")
$("#name").val("")
}).blur(function () {
if ($("#name").val() == "")
$("#name").css("background-color", "lightgray").val("请输入您的名字");
else {
$("#start").attr("disabled",false);
}
})
})
</script>
</head>
<body>
Name:<input type="text" value="请输入您的名字" id="name" /><br/>
<input type="button" value="开始" id="start"/>
</body>
</html>
1、本来是想 输入名字后,按钮 变为可用。。但是没实现。。
2、而且我发现,把 $("#start").attr("disabled", true); 注释掉,,按钮开始是 可用的,输入名字后 变为 不可用。。也就是 disabled, true和 false 效果是一样的。。
怎么改??
<head>
<title></title>
<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="js/jquery.cookie.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#start").attr("disabled", true);
$("#name").css("background-color", "lightgray").click(function () {
$("#name").css("background-color", "");
if ($("#name").val() == "请输入您的名字")
$("#name").val("")
}).blur(function () {
if ($("#name").val() == "")
$("#name").css("background-color", "lightgray").val("请输入您的名字");
else {
$("#start").attr("disabled",false);
}
})
})
</script>
</head>
<body>
Name:<input type="text" value="请输入您的名字" id="name" /><br/>
<input type="button" value="开始" id="start"/>
</body>
</html>
1、本来是想 输入名字后,按钮 变为可用。。但是没实现。。
2、而且我发现,把 $("#start").attr("disabled", true); 注释掉,,按钮开始是 可用的,输入名字后 变为 不可用。。也就是 disabled, true和 false 效果是一样的。。
怎么改??
解决方案 »
- document.getElementsByClassName 返回值?
- js函数加载JS文件失败,直接加载JS成功
- 为什么这个逐渐显示的文字链接有时候不能弹出链接的页面?
- [求解] JavaScript怎样实现对图片的剪裁?
- 求图片自动切换JS代码,然后鼠标放上去停止,移动开就继续切换.现在有一段代码不知道怎么加求解!!谢谢了
- showModalDialog打开窗口后提交到一个新的窗口,但希望新窗口比原窗口要大,怎么实现
- 关于页面重载?
- 如何让模态窗中的文字可以用鼠标选取.
- 关于textarea的滚动条问题
- 用open创建的窗体可以用opener表示父窗体,而用submit后的页面可以表示前一个页面吗?
- 小女子请教 这是jquery的什么用法 感激涕淋
- 如何给JS加token?
$("#start").attr("disabled", "");
$("#start").attr("disabled", true);
$("#name").css("background-color", "lightgray").click(function () {
$("#name").css("background-color", "");
if ($("#name").val() == "请输入您的名字")
$("#name").val("")
$("#start").attr("disabled", true);
}).blur(function () {
if ($("#name").val() == "")
$("#name").css("background-color", "lightgray").val("请输入您的名字");
else {
$("#start").attr("disabled",false);
}
})
})
$("").attr("disabled",false)设置为可用啊
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#start").attr("disabled", true);
$("#name").css("background-color", "lightgray").click(function () {
$("#name").css("background-color", "");
if ($("#name").val() == "请输入您的名字")
{
$("#name").val("");
$("#start").attr("disabled", true);
}
}).blur(function () {
if ($("#name").val() == ""){
$("#name").css("background-color", "lightgray").val("请输入您的名字");
$("#start").attr("disabled", true);
}
else {
$("#start").attr("disabled",false);
}
})
})
</script>
</head>
<body>
Name:<input type="text" value="请输入您的名字" id="name" /><br/>
<input type="button" value="开始" id="start"/>
</body>
</html>楼主 这样可以啊
你的代码没有问题,blur()方法是 “焦点离开” 触发。