Question

我正在使用this plugin在WordPress网站上构建人员数据库。我想限制用户可以在注册表单中的某些字段（textarea和input type="text"）中输入的字符数。由于我使用的是插件，因此我无法修改页面的HTML，因此我无法使用maxlength属性。

如何限制用户可以输入的字符数 - 最好还显示剩余的字符数 - 无法访问HTML？你能告诉我要编辑哪些文件，使用什么代码以及放在哪里？

Answer 1

您可以使用jQuery设置最大长度以及追加：剩余字符数

$("input").each(function() {
    var $this = $(this);
    var maxLength = 50;
    $this.attr('maxlength', maxLength);

    var el = $("<span class=\"character-count\">" + maxLength + "</span>");
    el.insertAfter($this);

    $this.bind('keyup', function() {
        var cc = $this.val().length;

        el.text(maxLength - cc);
    });
});

http://jsfiddle.net/0vk3c245/

您只需要通过在第一行更改"input"以及根据每个允许的最大字符更改maxLength变量来指定要应用函数的输入。您可以修改此函数以获取多个字段的参数。

这是一个修改后的版本，可让您将其应用于多个输入：

http://jsfiddle.net/0vk3c245/1/

Answer 2

使用MagJS非常容易。

以下是一个完整的工作示例：

HTML：

                           Volume  SummedVolume
Date       Time  Venue
2015-09-14 17:00 NYSE           0        0
                 ARCA           0        0
                 AMEX           0        0
                 NASDAQ         0        0
                 BATS           0        0

                           Volume  SummedVolume
Date       Time  Venue
2015-09-14 17:00 NYSE           0        0
                 ARCA           0        0
                 AMEX           0        0
                 NASDAQ         0        0
                 BATS           0        0

JS：

<div id="limit">
  <h2>Characters left: <length/></h2>
  <input>
  <textarea></textarea>
</div>

以下是工作示例的链接：http://jsbin.com/sabefizuxi/edit?html,js,output

希望有所帮助！

限制输入字段中的字符数而不编辑HTML

2 个答案: