TextArea有10行，每行35個字符

Question

我有一個包含很多元素的HTML頁面。該頁面是可滾動的，這意味着頁面中有一個滾動條。到頁面我有一個HTML textarea具有指定的行和列屬性。 現在我想要一個簡單的JavaScript的解決方案，這將幫助我確認以下幾點每次用戶輸入任何字符：

1. 在textarea的行數不大於10
2. 每一行都有少大於或等於35個字符
3. 如果用戶超過任何特定行的35個字符限制，則只有在總行數不超過10時，第36個字符纔會自動從下一行開始，否則將顯示錯誤彈出消息並且停在那裏。
4. 用戶應該可以修改任何行（可能是最後一行或任何中間行），仍然應該遵循以上所有3點。

Answer 1

我用以下來限制我的textarea中允許的字符數量。 這不僅會計算修剪過的字符數量，還會記錄您剩餘的字符數量。

我認爲你現在需要做的就是弄清楚如何添加一個新行（嘗試類似於文本+ =「\ r \ n」;）< - 不是100％確定在這個peice上。

 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; 
       } 
     }