jquery - jQuery HtmlBox 入力される単語/文字の制限数

Question

Joomla Web サイトに Remiya の HtmlBox 4.0.3 があり、(可能であれば) HtmlBox のテキストエリアに入力される文字/単語の量を制限する方法を知りたいです。

プレーンな html テキストエリアで文字/単語を制限することは既にできましたが、HtmlBox は完全に jQuery で記述されており、どこから始めればよいかさえわかりません。

どんな助けでも大歓迎です、

クリス

Answer 1

これがあなたができることの本当に基本的な例です：-

$(document).ready(function() {
  var maxLength = 150; // max number of allowed characters
  $('#yourHtmlBoxId').keyup(function() {
    $(this).val($(this).val().substr(0, maxLength));
    $('#charCount').text(maxLength - $(this).val().length);
  });
  $('#yourHtmlBoxId').trigger('keyup');
});

明らかに、関連するセレクター#yourHtmlBoxIdと交換する必要があります。#charCount

マークアップの例：

<textarea id="yourHtmlBoxId"></textarea>
<p><span id="charCount"></span> remaining</p>

これがあなたが遊ぶためのフィドルです

これは決して防弾ではなく、keyupイベントで機能することを覚えておいてください。たとえば、誰かがマウスボタンを使用してテキストエリアにコピー/貼り付けした場合、jQueryはトリガーされません。しかし、これはあなたを正しい方向に向けるはずです。