为什么不能禁用按钮工作

好吧，所以我有一个需要禁用的按钮。我编写了一个JavaScript函数，用于检测字段是否为空/空，以及是否禁用字段旁边的保存按钮。它似乎正在检测空白字段并抛出警报，但无论我尝试什么，只要将按钮设置为禁用即可。我无法做到这一点。为什么不能禁用按钮工作

以下是我目前正在尝试...

function validateBlank(){ 
    var x = document.forms["FuForm"]["Field1"].value; 
    if (x=null || x == "") { 
    alert("Must Be Between 1 and 300 Characters"); 
    document.getElementById("saveTest").setAttribute("disabled", "disabled"); 
    return false; 
    } 
}

我也试过这种变异......

document.getElementById("saveTest").disabled

和按钮/链接为建立这样的。

<a href="#"> 
<img id="saveButton" src="${contextPath}/img/icon_sav.gif" name="saveTest" " alt="Disk icon. Save change" title="Save change"/> 
</a>

来源

2015-11-04 Jack Parker

这不是一个按钮，它是一个图像。你不能禁用图像 –

它既不是 - saveTest不是任何*的id。不过，saveButton是图像的id。 –

另一个错字：'if（x = null）...'应该是'if（x == null）...' –

正确的方法是：

的document.getElementById（ “saveTest”）禁用= TRUE;

来源：http://www.w3schools.com/jsref/prop_pushbutton_disabled.asp

希望这有助于:)

编辑：您的按钮其实是在图像及图像不能以这种方式被禁用！具有可被禁用图像按钮，正确的HTML语法应该在这个形式：

<input type="image" src="someimage.png" height="20px" width="20px" id="saveTest" name="button" />

即类型的图像的输入。

来源

2015-11-04 22:42:51 numX

是的，我早些时候试过，并没有禁用此按钮。这很麻烦。 –

@JackParker这是因为它不是一个按钮，在HTML中这不是一个有效的'id'。见上面的评论。 –

我确实将ID切换回saveButton。我从之前尝试的东西中将saveTest留在了较早的代码中。但是，我正在使用的网站中存在代码，它使用了一种类似的功能，它禁用了图像/按钮，这也是为什么它可以工作的原因。 –

为什么不能禁用按钮工作

回答

相关问题