为什么不能禁用按钮工作

时间:2015-11-04 22:37:38

标签: javascript

好的,所以我有一个需要禁用的按钮。我编写了一个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>

1 个答案:

答案 0 :(得分:2)

正确的方法是:

document.getElementById(&#34; saveTest&#34;)。disabled = 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" />

即。输入图像类型。