爲什麼不能禁用按鈕工作

好吧，所以我有一個需要禁用的按鈕。我編寫了一個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留在了較早的代碼中。但是，我正在使用的網站中存在代碼，它使用了一種類似的功能，它禁用了圖像/按鈕，這也是爲什麼它可以工作的原因。 –

爲什麼不能禁用按鈕工作

回答

相關問題