【问题标题】:Validation when only spaces inserted - Foundation Abide仅插入空格时的验证 - Foundation Abide
【发布时间】:2018-07-17 06:46:49
【问题描述】:

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

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

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

【问题讨论】:

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


    【解决方案1】:

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

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

    【讨论】:

    猜你喜欢
    • 2014-02-21
    • 2014-05-30
    • 1970-01-01
    • 2014-10-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多