jQuery HtmlBox 限制输入的单词/字符数答案

【问题标题】：jQuery HtmlBox limit number of words/chars enteredjQuery HtmlBox 限制输入的单词/字符数
【发布时间】：2012-09-18 17:12:12
【问题描述】：

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

我已经设法限制纯 html 文本区域中的字符/单词，但 HtmlBox 完全是用 jQuery 编写的，我什至不知道从哪里开始。

非常感谢任何帮助，

克里斯

【问题讨论】：

标签： jquery count word limit

【解决方案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>

Here's a fiddle for you to play with

请记住，这绝不是防弹的，它适用于keyup 事件，因此例如，如果有人通过鼠标按钮复制/粘贴到文本区域，则永远不会触发 jQuery。不过，这应该会为您指明正确的方向。

【讨论】：

谢谢你，deifwud，在发送到数据库之前我必须通过 php 进行验证，所以我将它处理到我的 php 中。