为什么我的 Foundation Abide 模式不起作用？

Question

我有以下 HTML 用于确保密码长度超过 8 个字符：

<label>Password <small>required</small>
    <input type="password" name="password" id="password" required pattern=".{8,}">
</label>
<small class="error">Your password must be at least 8 characters long.</small>

这行得通。但是，如果在不同的领域我使用模式 [a-zA-Z]+，就像这样：

<label>Username <small>required</small>
    <input type="text" name="username" required pattern="[a-zA-Z0-9]+">
</label>
<small class="error">Username must consist out of letters or numbers only.</small>

它将允许一切。如果我将用户名字段中的模式更改为 .{8,}，它将只允许长度超过 8 个字符的输入，正如预期的那样。为什么用户名字段的模式不起作用？

The documentation 说明这是正确的方法：

<label>Your name <small>required</small>
  <input type="text" required pattern="[a-zA-Z]+">
</label>
<small class="error">Name is required and must be a string.</small>

Answer 1

解决方法是将模式包装在行的开始和结束字符中，如下所示：

<input type="text" name="username" required pattern="^[a-zA-Z0-9]+$">

也许这是 Foundation 中的一个错误，需要在他们的 Github 上报告？

为什么我的 Foundation Abide 模式不起作用？

Why does my Foundation Abide pattern not work?

html

zurb-foundation