javascript - 如何使用 javascript 或 jquery 计算文本框中逗号的数量？

Question

单击提交按钮后，我想做一些客户端验证，以确保具有 Submit-btn 类的文本框中的逗号少于 5 个。我可以在这里使用 javascript、jquery 和/或 regex。

我应该在这个函数中放置什么代码？

$('.submit-btn').on("click", function() {
  << WHAT GOES HERE? >>
});

非常感谢任何帮助。

Answer 1

我使用正则表达式来查找字符串 , 在文本框值中出现的次数。它打印它是否有效(少于 5 个逗号)。

$("#validate").click(function () {
  console.log(($("#textboxInfo").val().match(/,/g)||[]).length < 5)
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="textboxInfo" />
<button id="validate">less than 5 commas?</button>

自动响应用户输入

在这种特殊情况下，我更愿意进行实时验证。这可以通过使用 input 事件来完成。

$("#textboxInfo").on('input', function () {
  var isValid = ($(this).val().match(/,/g) || []).length < 5;
  $(".isValid").html(isValid ? "Valid" : "Invalid");
}).trigger('input');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="textboxInfo" value="I really love ,,, commas!" />
<div class="isValid">&nbsp;</div>