css - 基础 6 遵守不显示消息

Question

我面临一个非常奇怪的问题。我的错误信息没有显示

下面是我的密码笔 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 之外，您还需要启用它。