javascript - 使用基础遵守来验证文本字段的长度？

Question

我在 Rails 应用程序中使用基础，我正在寻找一种方法来验证表单中文本字段的长度:我想在文本字段包含太多字符时显示错误(但不是当它是空的时)。

我尝试按照 docs 中的说明使用 Foundation 的遵循和创建自定义命名模式.

以下是我的 application.js 文件的内容，包括 Foundation 初始化时的自定义模式:

$(function(){ 
  $(document)
    .foundation()
    .foundation('abide', {
      patterns: {
        short_field: /^.{,40}$/,
        long_field: /^.{,72}$/
      }
    }); 
});

这是我在 View 中的表单代码:

<form data-abide>
  <div class="long-name-field">
    <input type="text" pattern="long_field" placeholder="Long Field">
    <small class="error">Too long.</small>
  </div>
  <div class="short-name-field">
    <input type="text" pattern="short_field" placeholder="Short Field">
    <small class="error">Too long.</small>
  </div>
</form>

问题是，当我加载我的表单页面时，所有字段总是显示错误消息，无论它们是空的、填写的字符数限制还是超出字符数限制。

有人成功地使用 abide 做了类似的事情(或者知道不使用自定义命名模式的更好方法)吗？

干杯。

Answer 1

我终于成功了!

问题是 /^.{,40}$/ 不是有效的正则表达式语法，您必须使用 /^.{0,40}$/ 明确地。

我把它误认为是 /.{5,}/ 语法，您可以使用它来施加一个下限。