javascript - 定义允许在文本区域字段中提交的字数

Question

我有一个带有 textarea 字段的表单。我喜欢将允许的字数定义为 150 个字。

如何使用 javascript 实现这一点？

<form name="main" action="" method="post">
    <label>
    <span class="legend">Details: </span>(Enter a maximum of 150 words)
    <textarea name="description">

     </textarea>
    </label>
    </fieldset>
   <input type="submit" class="search" value="Submit">
 </form>

我有以下似乎错误的代码。

<script type="text/javascript">
        function validate() {
             if (document.forms['main'].detail.value.length > 150)
              {
               document.forms['main'].detail.focus();
              alert("Detail text should be a maximum of 150 characters");
               return false;
            }     
             if (document.forms['main'].faultType[1].checked==true && (document.forms['main'].detail.value).length == 0)
            {
              document.forms['main'].detail.focus();
              alert("Enter some text that describes the fault");
              return false;
            }
             return true;
        }
    </script>

Answer 1

只需将您的文本拆分为" "，然后以这种方式计算单词：

function validate() {
    var main = document.forms['main'];
    if (main.detail.value.split(' ').length > 150){
        main.detail.focus();
        alert("Detail text should be a maximum of 150 words");
        return false;
    }     
    if (main.faultType[1].checked==true && main.detail.value.length == 0) {
        main.detail.focus();
        alert("Enter some text that describes the fault");
        return false;
    }
    return true;
}

例如：

"Detail text should be a maximum of 150 words".split(' ');

将返回一个Array这样的：

["Detail", "text", "should", "be", "a", "maximum", "of", "150", "words"];

它的长度是9，它是字符串中的单词数量。