0

我是Foundation的初学者。我刚接到一个任务，用 Foundation 创建的表单来解决问题。它的验证是通过 Foundation Abide 完成的。问题是，在 HTML 中我可以看到添加了“必需”，并且当我们在输入字段中仅添加空格时，验证将其作为普通字符串接受。当输入字段为空时，验证工作正常，它显示错误消息“此字段是必需的”。

当用户在输入字段中仅输入空格时，我希望验证返回错误“此字段是必需的”。知道这是怎么做到的吗？

<input required type="text" name="first_name" placeholder="First name">
4

1 回答 1

0

您可以为该字段创建一个自定义模式匹配器。在您的代码库中找到您保持遵守模式的位置，添加类似

abide : {
  patterns: {
    characters_only: /[A-Za-z]+/, // this will match only letters 
  }
}

然后将模式添加到您的输入元素

<input required type="text" name="first_name" placeholder="First name" pattern='characters_only'>

您可能必须自己添加错误消息，如 -

<small class='error'>First name must only contain characters/</small>

在这里查看更多详细信息 -

https://foundation.zurb.com/sites/docs/v/5.5.3/components/abide.html#custom-named-patterns

于 2018-07-19T04:01:05.117 回答