Question

我对javascript知之甚少，你能告诉我吗？我怎么能在下面的textarea中限制词语

<textarea name="notes" "rows="4" cols="40"></textarea>

Answer 1

使用此功能

<script>
     function textAreaCounter(field,cntfield,maxlimit) 
    {

     if (field.value.length > maxlimit) 
     field.value = field.value.substring(0, maxlimit); 
     else cntfield.value = maxlimit - field.value.length;
    }

</script>
<form name="frmlist" id="frmlist" method="post">
<div>
                <textarea rows="8" cols="70" name="description" id="description" onFocus="textAreaCounter(document.frmlist.description,document.frmlist.descriptionCount,1000)" onKeyDown="textAreaCounter(document.frmlist.description,document.frmlist.descriptionCount,1000)" onKeyUp="textAreaCounter(document.frmlist.description,document.frmlist.descriptionCount,1000)"></textarea>
                <br>
                <br>
                <em>Characters remaining:</em>
                <input type="text" name="descriptionCount" id="descriptionCount" readonly="" size="5" value="<?php if(isset($frmdata['descriptionCount'])){echo $frmdata['descriptionCount']; } else{ echo '1000'; }?>" >
            </div></form>

Answer 2

可以使用一些javascript轻松完成。把你的textarea放在一个表格中：

<form name="userform">
    <textarea name="notes" "rows="4" cols="40" onKeyDown="limitInput();">
    </textarea>
</form>

将此功能添加到您的javascript：

<script type="text/javascript">
function limitInput() {
    var limitField = document.userform.notes;
    if (limitField.value.length > 10) {
        limitField.value = limitField.value.substring(0, 10);
    }
}
</script>

Answer 3

如果有人进入，我相信你会问这个问题： “asdjaskdhasdkljakdjhqwrriewtjuowejgidfshgodfshgkjdfsghdfkjghdfsghdfsghjdfsgkjfdg”将使设计爆炸。你可以使用css自动换行，php wordwrap函数和/或一个javascript函数，它应该用“”（白色空格）分割文本，然后循环遍历每个单词并根据你的内容检查长度。

我怎么能在textarea中限制词

3 个答案: