时间戳

首页 > 解决方案 > 如何使用 jquery 对每个重复字段添加限制

javascript - 如何使用 jquery 对每个重复字段添加限制

问题描述

我正在尝试对使用 jquery 添加的每个重复字段添加限制。结果应该是每个重复的字段都应该限制用户在每个字段中输入超过 5 个单词。

这是我到目前为止的代码。有谁能帮忙吗？伙计们，我会很感激的。谢谢！

$('.itextarea').each( function(){
    $(this).on('keyup', function() {
        var words = this.value.match(/\S+/g).length;

        if (words > 5) {
          var trimmed = $(this).val().split(/\s+/, 5).join(' ');

          $(this).val(trimmed + ' ');
          $('p.help').empty().append('You can only add 5 words per field.');
        }else{
          $('p.help').empty();
        }

    });
});

更新：对不起，这里是那些要求它的人的 html。

<textarea class="itextarea form-control" name="id_desc[]" aria-required="true"></textarea>

标签： javascriptjqueryhtmleachkeyup

解决方案

我为您创建了一个示例小提琴。正如@darklightcode 所提到的，您应该使用这样的选择器$('body').on( events, selectors, callback)，但您还需要绑定输入事件而不是 keydown，并且您还需要额外检查重复的 texarea 字段。希望对你有帮助

推荐阅读