css - Foundation 6 继续不显示消息

Question

我遇到了一个非常奇怪的问题。我的错误信息没有显示

下面是我的codepen https://codepen.io/cancerian73/pen/eoaYga

 <form data-abide novalidate>
        <div class="search-container">
                  <input type="text" id="seach_again" placeholder="Try once again" aria-required="true" required>
                  <span class="form-error" data-form-error-for="search_again">Amount is required.</span> <span class="form-error"> Valid email required.</span>
                  <input type="submit" class="go-btn" value="GO">
                </div>
      </form>

Answer 1

您的 ID 有错字(seach_again 而不是 search_again)。尽管这些错误消息即使有拼写错误也能正常工作，因为它们是输入元素的相邻兄弟元素。我想知道你是否没有启用 abide javascript 插件。除了 scss 之外，您还需要启用它。