禁用按钮无法正常工作。文本已删除，但按钮仍处于启用状态

Question

我有一个问题，如果我从教科书中删除数字，提交按钮仍然启用。起初，当我在文本框中输入输入时，它会启用我的按钮，但如果我删除其中一个，它仍然会启用。

这是我的按钮。我已将文本框的 id 设置为“digit”和“digit1”

if ((document.getElementById("digit").value > 0) && (document.getElementById("digit1").value > 0)) {
  rand.removeAttribute('disabled');
} else {
  rand.setAttribute('disabled', 'disabled');
}

<input id="rand" type="submit" value="Submit" disabled>

Answer 1

您没有正确定义变量random。

function validate(){
var rand = document.getElementById("rand");
if ((document.getElementById("digit").value > 0) && (document.getElementById("digit1").value > 0)) {
  rand.removeAttribute('disabled');
} else {
  rand.setAttribute('disabled', 'disabled');
}
}

<table style="border-collapse: collapse" width="100%">  
<form action="random" method="get" onSubmit="return validate()">
        <tr>
            <td>
            Lowest number: 
            <input id="digit" type="text" name="lowestnumber" onchange="validate(event)">
            <span id="numbers"></span>
            <br/>
            </td>
        </tr>
        <tr>
            <td>
            Highest number:
            <input id="digit1" type="text" name="highestnumber" onchange="validate(event)">  
            <span id="numbers1"></span>    
            </td>
        </tr>
        <tr>
            <td>
                <input id="rand" type="submit" value="Submit" onclick="validate()" disabled><br/>
            </td>
        </tr>
        <br/>
</form>
</table>

由于 stacksn-ps.net 目前已关闭，您可以在此处查看实时小提琴： https://jsfiddle.net/41xgLjw9/

Answer 2

最简单的方法：-

function success() {
     if(document.getElementById("textsend").value==="") { 
            document.getElementById('button').disabled = true; 
        } else { 
            document.getElementById('button').disabled = false;
        }
    }

<textarea class="input" id="textsend" onkeyup="success()" name="demo" placeholder="Enter your Message..."></textarea>
<button type="submit" id="button" disabled>Send</button>

参考：solution