javascript - 10 行，每行 35 个字符的 TextArea

Question

我有一个包含许多元素的 HTML 页面。该页面是可滚动的，这意味着页面中有一个滚动条。在页面下方，我有一个带有指定行和列属性的 HTML 文本区域。 现在我想要一个简单的 JavaScript 解决方案，它将帮助我在每次用户输入任何字符时验证以下几点:

1. textarea的行数不大于10
2. 每行少于或等于35个字符
3. 如果用户超过任何特定行的 35 个字符限制，则仅当总行号不超过 10 时，第 36 个字符才会自动从下一行开始，否则它将显示错误弹出消息并在那里停止。
4. 用户应该能够修改任何行(它可能是最后一行或任何中间行)并且仍然应该遵循以上所有 3 点。

Answer 1

我使用以下内容来限制我的文本区域中允许的字符数量。 这不仅会计算它在到达末尾时 trim 的字符数量，还会写出您还剩下多少字符。

我认为您现在需要做的就是弄清楚如何添加新行(尝试类似 text += "\r\n"; 的东西)<- 不能 100% 确定这一点。

        function textCounter(txtfield, cntFld, maxlimit){
         var field = document.getElementById(txtfield);
         var countfield = document.getElementById(cntFld);

                if (field.value.length > maxlimit) // if too long...trim it!
                {
                        field.value = field.value.substring(0, maxlimit);
                }else { // otherwise, update 'characters left' counter
                        countfield.innerHTML = maxlimit - field.value.length;
                }
        }