テキストエリア内の1行あたりの文字数を制限する

Question

このquandryの解決方法については、すべての週末を検索していますが、正しく動作する解決策をまだ見つけていません。私が成し遂げようとしているのは、テキストエリア内の行ごとのチャーターの数を制限することです。それらを同じに制限するのではなく、選択した行ごとに異なる数の文字を制限します。例については

：私は私のテキストエリアで唯一の4行

ライン1,2及び3は、24文字

4行に制限されますがしたい

1. は、無制限の数を持っています文字の

これはテキストエリアで可能ですか、それともDivなどで他の方法を使用していますか？私はこれが以前からカバーされていた可能性があることを認識していますが、この基準をカバーする実際の作業スクリプトを見つけることは非常に困難であり、これらの結果を達成するために必要なスキルはありません。

おかげ以下

Answer 1

あなたが解決しようとしている問題のサンプルのスナップショットである：（行=「4」とテキストエリア自体にこれを制限）テキストエリア内

• 4行
• 行1、2、及び3文字の数に制限があります24文字
• 線4に限定される

テキストエリアの

スナップショット：

123456789
123456789
232323232323232323323232 
23232323232323232323236464536543654643 

はJavaScript：

$('#your-input').keypress(function() { 
    var text = $(this).val(); 
    var arr = text.split("\n"); 

    if(arr.length > 5) { 
     alert("You've exceeded the 4 line limit!"); 
     event.preventDefault(); // prevent characters from appearing 
    } else { 
     for(var i = 0; i < arr.length; i++) { 
      if(arr[i].length > 24 && i < 3) { 
       alert("Length exceeded in line 1, 2, or 3!"); 
       event.preventDefault(); // prevent characters from appearing 
      } 
     } 
    } 

    console.log(arr.length + " : " + JSON.stringify(arr)); 
}); 

これは、キープレスイベントを使用して達成することができます。 keypressイベントが発生すると、テキストボックスの現在の値を取得し、区切り文字として\nの改行文字を使用して値を配列に分割します。

• 配列の長さは、使用している行の数を示します。これらの行を超えた場合は、警告を発します。
• 配列内の各文字列の長さは、各行の長さを表します。最初の3行をチェックするためにforループを使用します。長さが24を超えると、警告を発します。
• 最後の行の長さには関係しないので、ループの最後の繰り返しは無視されます。

これは完全な解決策ではありませんが、これは間違いなく開始され、ニーズに合わせて変更できるものを提供します。がんばろう！