在html中禁用提交输入 [关闭]

Question

结束了。 这个问题是 不可复制或由错别字造成的。. 目前不接受回答。

---

想改进这个问题？ 请更新问题，使之成为 题外话 为Stack Overflow。

已关闭 20天前.

改进这个问题

当我尝试这段代码时，即使输入中有一个值，按钮输入也会被禁用，为什么？

<form action ="/buy" method = "POST">
    <input id="symbol" type='text' name= 'symbol'/>
    <input id="shares" type= 'text' name = 'shares'/>
    <input id="submit" type= 'submit' disabled/>
</form>
<script>
    document.querySelector('#shares').onkeyup = function(){
        if (document.querySelector('#shares').value === '') {
            document.querSelector('#submit').disabled = true;
        } else {
           document.querSelector('#submit').disabled = false;  
        }
    }
</script>

Answer 1

除了else中的这句话外，其他都是正确的，你的语法有错误。

<form action ="/buy" method = "POST">
    <input id="symbol" type='text' name= 'symbol'/>
    <input id="shares" type= 'text' name = 'shares'/>
    <input id="submit" type= 'submit' disabled/>
</form>
<script>
    document.querySelector('#shares').onkeyup = function(){
        if (document.querySelector('#shares').value === '') {
            document.querySelector('#submit').disabled = true;
        } else {
           document.querySelector('#submit').disabled = false;  
        }
    }
</script>

工作提琴。https：/jsfiddle.netakcvtf2r