如何计算特定元素并使用 jQuery/JS 限制它们的数量

Question

例如：

string/text field = "United, Arsenal, Chelsea"

我需要允许 只有 3 个球杆 在由 "," 分隔的文本字段中输入，如果用户尝试输入第四个球杆，则需要忽略它并只允许删除现有俱乐部并编写新俱乐部而不是现有俱乐部。

我已经做到了，但是当我尝试进入第四个俱乐部时，它来到 return false or preventDefault 并停在那里，我无法做任何事情（删除现有俱乐部或其中任何一个）...

Answer 1

你可以这样做：

$(document).on('ready', function() {

  $("#sportsText").on("input", function(e) {
  var str = $(this).val();
   
   var comma_count = (str.match(/,/g) || []).length;
   
   if(comma_count > 2)
   {
    $(this).val(str.substring(0, str.length - 1));
   }
 })
  
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="myDiv">
  <input id="sportsText" type="text">
</div>

也可以在 - jsFiddle

上查看

希望对您有所帮助！

如何计算特定元素并使用 jQuery/JS 限制它们的数量

How to count specific elements and limit number of them with jQuery/JS

javascript

jquery

split

count

limit