仅插入空格时的验证 - Foundation Abide

Validation when only spaces inserted - Foundation Abide

我是 Foundation 的初学者。我刚刚接到一项任务,要修复使用 Foundation 创建的表单中的问题。它的验证是通过 Foundation Abide 完成的。问题是,在 HTML 中我可以看到添加了 "required",并且当我们在输入字段中仅添加空格时,验证会将其作为普通字符串接受。当输入字段留空时,验证工作正常,显示错误消息 "This field is required".

当用户在输入字段中仅输入空格时,我希望验证 return 错误 "This field is required"。知道这是怎么做到的吗?

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

您可以只为该字段创建一个自定义模式匹配器。 在您的代码库中找到您保留遵守模式的地方,添加类似

的内容
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