Javascript 停止按提交按钮，直到在文本区域中写入足够的文字

因此，基本上我想要的是，在文本区域达到一定的字数之前，禁用submit按钮

我环顾了一下四周，试图找到办法，但运气不好

有什么建议或帮助吗

<form method="post" id="writearticle" action="submitarticle.php">      
  <script>
    $('#writearticle').submit(function(event) {
        var text = $("#content").val();
        text = text.split(" ");
        // check for at least 10 words
        if(text.length < 10){
            console.log("prevented");
            // prevent submit
            event.preventDefault();
            return false;
        }
        console.log("submitted");
    });
  </script>

  <textarea rows="30" cols="85" id="content" name="content" placeholder="Write the article here. Try to abide by the instructions and keywords provided."></textarea>
  <br />    
  <input type="submit" name="submitarticle" value="Submit Article" class="submit" />    
  <br /><br /><br /><br /><br />
</form>

$（'#WriteAttribute'）。提交（函数（事件）{
var text=$（“#content”）.val（）；
text=text.split（“”）；
//检查至少10个单词
如果（文本长度<10）{
控制台日志（“阻止”）；
//阻止提交
event.preventDefault（）；
返回false；
}
控制台日志（“已提交”）；
});

显示您的代码。
1） 为提交按钮设置

onclick

事件
2）
3）

返回false

和

preventDefault（）

如果没有足够的单词。

显示您的代码。
1） 为提交按钮设置

onclick

事件
2）

---

3）

返回false

和

preventDefault（）

如果没有足够的单词。

您可以在

keyup

事件中检查单词/字符计数。

您可以在

keyup

事件中检查单词/字符计数。

请参阅

不检查值，而是在文本框中拆分输入字符串，并查看数组的长度是否超过所需的字数参见

---

不检查值，而是在文本框中拆分输入字符串，并查看数组的长度是否超过所需的字数

捕获提交事件，对文本区域中的字数进行计数，并仅在足够高的情况下提交。例如：

$('#targetForm').submit(function(event) {
    var text = $("#myTextarea").val();
    text = text.split(" ");
    // check for at least 10 words
    if(text.length < 10){
        // prevent submit
        event.preventDefault();
        return false;
    }
});

$（'#targetForm'）。提交（函数（事件）{
var text=$（“#myTextarea”）.val（）；
text=text.split（“”）；
//检查至少10个单词
如果（文本长度<10）{
//阻止提交
event.preventDefault（）；
返回false；
}
});

---

捕获提交事件后，计算文本区域中的字数，并仅在足够高时提交。例如：

$('#targetForm').submit(function(event) {
    var text = $("#myTextarea").val();
    text = text.split(" ");
    // check for at least 10 words
    if(text.length < 10){
        // prevent submit
        event.preventDefault();
        return false;
    }
});

$（'#targetForm'）。提交（函数（事件）{
var text=$（“#myTextarea”）.val（）；
text=text.split（“”）；
//检查至少10个单词
如果（文本长度<10）{
//阻止提交
event.preventDefault（）；
返回false；
}
});

---

在下面的代码行中尝试

$(document).ready(function() {
    $(".submit-name").attr("disabled", "true");
    var minLength = 100;
    $("#your-text-area").bind('keyup', function(event) {
        var String = $("#your-text-area").val()

           if (String.length >= minLength )  {  
                $(".submit-name").removeAttr("disabled");
            } else {
                $(".submit-name").attr("disabled", "true");        
            }

});



});

---

请尝试以下代码行

$(document).ready(function() {
    $(".submit-name").attr("disabled", "true");
    var minLength = 100;
    $("#your-text-area").bind('keyup', function(event) {
        var String = $("#your-text-area").val()

           if (String.length >= minLength )  {  
                $(".submit-name").removeAttr("disabled");
            } else {
                $(".submit-name").attr("disabled", "true");        
            }

});



});

---

使用

textchange

（非内置）事件通过键盘、粘贴等准确检测文本更改

---

在文本更改事件中，检查文本的长度/字数，并根据需要启用或禁用提交按钮（确保其最初已禁用）。

使用

textchange

（非内置）事件通过键盘、粘贴等准确检测文本更改

---

在文本更改事件中，检查文本的长度/字数，并根据需要启用或禁用“提交”按钮（确保其最初已禁用）。

下面是一个如何计算字数的示例：。当您达到所需限制时，只需添加另一个禁用提交的脚本。下面是一个有关如何计算字数的示例：。只要添加另一个脚本，禁用提交，当你达到你想要的限制。谢谢！那正是我需要的。谢谢！这正是我所需要的。然后您可以使用.change（）函数来代替

。change（）

不能正确地为textarea启动。但是它对select、checkbox等很有效。然后您可以使用.change（）函数代替

。change（）

不能正确激发textarea。但是它对select、checkbox等很有效。尝试过它，现在它根本不想提交；不管有多少个字。编辑了我到目前为止的作品。演示很有效，这应该不是问题。尝试将脚本标记放在表单之外？尝试过了，现在它根本不想提交；不管有多少个字。编辑了我到目前为止的作品。演示很有效，这应该不是问题。尝试将脚本标记放在表单之外？显然是放在HTML代码的底部。您只需将此代码的所有类和ID替换为原始类和ID一次即可：）如果您有任何疑问，请让我告诉您……显然是在HTML代码的底部。您只需将此代码的所有类和ID替换为原始类和ID一次即可：）如果有任何疑问，请告诉我。。