Textareaの制限文字とJavaScriptのある行

Question

このテーマには類似のトピックがいくつかありますが、現在の要件はより具体的であり、既存のソリューションと組み合わせることができませんでした。私は、ルールのテキストエリアJSバリデータを構築する必要があります。残りの文字カウンタがテキストエリアの下に表示され

最大128文字の

最大32文字の

• 4行を

• と私はすでにやり方を見つけました...

これをどのように実装できるか教えてください。

p.s.それは明確なJavascriptのソリューション

Answer 1

これはあなたのコードは次のようになりますどのようにあるべきである（またJSFiddle参照）：// materializecss：

var rows = 4; 
var cols = 32; 

var body = document.body; 
var ta = createElem(body, 'textarea'); 
var div = createElem(body, 'div'); 

ta.rows = rows; 
ta.cols = cols; 

ta.addEventListener('keyup',() => { 
    var lines = ta.value.split('\n'); 

    lines = lines 
    .slice(0, Math.min(lines.length, rows)) 
    .map(line => line.substring(0, cols)); 

    ta.value = lines.join('\n'); 
    displayRemaining(cols * rows - ta.value.length + rows - 1); 
}); 

displayRemaining(cols * rows); 

function createElem(a, b){ 
    b = document.createElement(b); 
    a.appendChild(b); 
    return b; 
} 

function displayRemaining(a){ 
    div.innerHTML = 'Characters remaining: ' + a + '.'; 
}