jquery - jQuery HtmlBox 限制输入的单词/字符数

Question

我在 Joomla 网站上有来自 Remiya 的 HtmlBox 4.0.3，我想知道如何（如果可能）限制输入到 HtmlBox 文本区域的字符/单词的数量。

我已经设法限制纯 html textarea 上的字符/单词，但 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。不过，这应该为您指明正确的方向。