javascript - 达到字数时启用提交按钮

Question

这个问题已经有答案了:

已关闭 10 年前。

Possible Duplicate:
Stop submit button being pressed until enough words are written in text area

所以基本上我有下面的代码。我希望在文本区域中的字数超过 5 时启用提交按钮。下面的代码不起作用。有想法吗？

<form method="post" id="writearticle" action="submitarticle.php"> 
    <textarea rows="30" cols="85" id="content" name="content" placeholder="Write the article here. Try to abide by the instructions and keywords provided." onkeydown="checkWordCount();" ></textarea> 
    <br />      
    <input type="submit" id="submit" name="submitarticle" value="Submit Article" class="submit" disabled />     

<script type="text/javascript">                         
    function checkWordCount() { 
    var wordCount = document.getElementById('content').value.split(" ").length;
    if (wordCount > 5) { 
        document.getElementById('submit').disabled = false; 
        } else { 
            document.getElementById('submit').disabled = true; alert("lol"); 
        } 
    }
    </script>
    </form>

Answer 1

你的代码没问题，问题是你触发的事件。如果您在 textarea 中输入超过 5 个单词，则会启用 submit 按钮，但如果您突出显示所有文本并将其删除，wordCount 保持不变，因此 submit 按钮不会被禁用。

尝试将 onkeydown 更改为 onkeyup，这应该可以解决问题。

编辑

针对您的评论，检查您使用的元素的 ID 是否唯一，如果不唯一，将会导致问题!