如何在html5中通过javascript启用按钮?

如何在html5中通过javascript启用按钮?,javascript,html,onchange,Javascript,Html,Onchange,我试图在JavaScript中启用一个按钮,只要用户输入文本。 此代码有什么问题?是因为使用了字段集吗 函数setText(){ var x=document.getElementById(“邮件”).value; 如果(x!=“”){ document.getElementById(“btn”).disabled='false'; } } : 电子邮件:密码: 以下是正确的方法,而不是使用onchange,您应该使用oninput/onkeyup: 函数setText(){ var x

我试图在JavaScript中启用一个按钮,只要用户输入文本。 此代码有什么问题?是因为使用了字段集吗

函数setText(){
var x=document.getElementById(“邮件”).value;
如果(x!=“”){
document.getElementById(“btn”).disabled='false';
}
}

:
电子邮件:
密码:



以下是正确的方法,而不是使用onchange,您应该使用oninput/onkeyup:

函数setText(){
var x=document.getElementById(“邮件”).value.trim();
如果(x!=“”){
document.getElementById(“btn”).disabled=false;
}
否则{
document.getElementById(“btn”).disabled=true;
}
}

:
电子邮件:
密码:



首先,使用
oninput
事件而不是
onchange
绑定键入事件。然后,
false
是JavaScript中的布尔关键字,而不是字符串。以下是一个工作示例:

函数setText(){
var x=document.getElementById(“邮件”).value.trim();
document.getElementById(“btn”).disabled=x==“”;
}

:
电邮:

密码:



删除“false”中的引号;我认为这是一个打字错误,很多东西。这是一个和你的问题一样清楚的答案。你应该在body标签结束之前而不是在head之前写脚本标签section@SarojSasmal“这一点都不必要。”SarojSasmal说是谁?这样一个小小的剧本在头脑中很好地存在
document.getElementById(“btn”).disabled=document.getElementById(“mail”).value.trim()=“谢谢您的更新。”。。更新了我的答案..但是为什么使用if和else?@mplungjan else来禁用按钮,如果用户删除了文本。我的代码也会这样做。试试看。
document.getElementById(“btn”).disabled=document.getElementById(“邮件”).value.trim()
@mplungjan除了
trim()
部分,恐怕我不明白你的意思…它取代了所有
var x=document.getElementById(“邮件”).value;如果(x!=“”){document.getElementById(“btn”).disabled=false;}否则{document.getElementById(“btn”).disabled=true;}
哦,很抱歉,你说得对,注释中的换行符不清楚(行太长)。谢谢,我将编辑我的答案:)oninput是更好的事件处理程序