如何在javascript文本框的按键事件上启用或禁用按钮
如何在javascript文本框的按键事件上启用或禁用按钮
提问于 2011-11-02 17:48:37
我创建了一个TextBox：
TextBox ID="TxtUname" onKeyPress="ENABLE_BTN()"现在我写了一个函数：
script type="text/javascript"
window.onload = function() {
document.getElementById('SSAccept').disabled = true;
};
function ENABLE_BTN() {
var EN=document.getElementById('TxtUname').value;
if(EN=='') {
document.getElementById('SSAccept').disabled=true;
} else {
document.getElementById('SSAccept').disabled=false;
}
}
</script>但是，在按下文本框中的任何键时，禁用按钮仍然不会被启用。谁能告诉我我做错了什么？提前感谢
Dev..
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-11-02 18:08:15
并非所有浏览器都支持onkeypress -> http://www.quirksmode.org/js/keys.html
应使用onkeyup / onkeydown ->
工作示例：http://jsfiddle.net/KCBzk/
HTML：
<input id="TxtUname" value="" onkeydown="ENABLE_BTN()"/><br>
<button id="SSAccept">Some test</button>Javascript：
window.onload = function() {
document.getElementById('SSAccept').disabled = true;
}
function ENABLE_BTN() {
var EN=document.getElementById('TxtUname').value;
if(EN=='') {
document.getElementById('SSAccept').disabled=true;
} else {
document.getElementById('SSAccept').disabled=false;
}
}Stack Overflow用户
发布于 2011-11-02 17:55:37
问题是，您需要一个事件来调用该函数。您应该监视textbox的更改，并在值发生更改时调用该函数。例如使用jquery
$("#TxtUname").keydown(function(e) {
if($("#TxtUname").val == '') {
//..disable button..
} else {
//..enable button
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7978354
复制相关文章
相似问题
腾讯云开发者
