当输入字段为空时禁用按钮不在javascript中工作

当字段为空时，当用户键入仅应显示的名称时，我尝试禁用下载按钮。因为无需输入文本，用户也可以下载图像。我已经完成了以下代码：

下载
var text_title=“Heading”；
var canvas=document.getElementById（'imageCanvas'）；
var ctx=canvas.getContext（'2d'）；
var img=新图像（）；
//img.crossOrigin=“匿名”；
window.addEventListener（'load'，DrawPlaceholder）
函数DrawPlaceholder（）{
img.onload=函数（）{
绘图覆盖（img）；
DrawText（文本和标题）；
动态文本（img）
};
img.src='uploads/'；
}
var canvas=document.getElementsByTagName（'canvas'）[0]；
画布宽度=500；
高度=500；
功能绘图覆盖（img）{
ctx.drawImage（img，0，0，img.width，img.height，0，0，canvas.width，canvas.height）；
ctx.fillStyle='rgba（230,14,14,0）'；
ctx.fillRect（0，0，canvas.width，canvas.height）；
}
函数DrawText（文本）{
ctx.fillStyle=“黑色”；
ctx.textb基线='中间'；
ctx.font=“50px‘蒙特塞拉特’”；
ctx.fillText（文本，150250）；
}
函数动态文本（img）{
document.getElementById（'name'）。addEventListener（'keyup'，function（）{
clearRect（0，0，canvas.width，canvas.height）；
绘图覆盖（img）；
text_title=this.value；
DrawText（文本和标题）；
});
}
函数下载_image（）{
var canvas=document.getElementById（“imageCanvas”）；
image=canvas.toDataURL（“image/png”）.replace（“image/png”、“image/octet-stream”）；
var link=document.createElement（'a'）；
link.download=“my image.png”；
link.href=图像；
link.click（）；
}
$（文档）.ready（函数（）{
验证（）；
$（'#name'）。更改（验证）；
});
函数验证（）{
如果（$（'#name'）.val（）.length>0&&{
$（“#下载”）.prop（“禁用”，false）；
}
否则{
$（“#下载”）.prop（“已禁用”，true）；
}
}

您的代码有一些语法错误，您应该使用

keyup

事件：

$（文档）.ready（函数（）{
验证（）；
$（“#名称”）.keyup（验证）；
});
函数验证（）{
if（$（'#name'）.val（）.length>0）{
$（“#下载”）.prop（“禁用”，false）；
}
否则{
$（“#下载”）.prop（“已禁用”，true）；
}
}

下载

您的代码有一些语法错误，您应该使用

keyup

事件：

$（文档）.ready（函数（）{
验证（）；
$（“#名称”）.keyup（验证）；
});
函数验证（）{
if（$（'#name'）.val（）.length>0）{
$（“#下载”）.prop（“禁用”，false）；
}
否则{
$（“#下载”）.prop（“已禁用”，true）；
}
}

下载

我注意到您的JavaScript代码中有两件事：

$（“#name”）。更改（验证）；

仅在退出（模糊）字段时触发。
相反，您可以使用：

$（“#名称”）.keyup（验证）；

出现语法错误：

if（$（'#name'）.val（）.length>0&&{

您应该像这样关闭括号：

if（$（'#name'）.val（）.length>0）{

---

希望这有帮助！

我注意到您的JavaScript代码中有两件事：

$（“#name”）。更改（验证）；

仅在退出（模糊）字段时触发。
相反，您可以使用：

$（“#名称”）.keyup（验证）；

出现语法错误：

if（$（'#name'）.val（）.length>0&&{

您应该像这样关闭括号：

if（$（'#name'）.val（）.length>0）{

希望这有帮助