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

Question

例如：

  

string / text field =“曼联，阿森纳，切尔西”

我需要在","分隔的文本字段中输入仅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

上查看

希望这有帮助！