仅插入空格时进行验证-Foundation Abide

时间:2018-07-17 06:46:50

标签: laravel validation zurb-foundation abide foundation-abide

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

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

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

1 个答案:

答案 0 :(得分: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