CODEWITHSUNDEEP
csszurb-foundationfoundation-abide
San
San

Reputation: 1247

foundation 6 abide not showing the message

I'm facing a very weird problem. My error message is not showing

below is my 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>

Upvotes: 0

Views: 162

Answers (1)

Aimee
Aimee

Reputation: 86

Your id has a typo in it (seach_again instead of search_again). Though these error messages will work even with the typo because they are adjacent siblings to the input element. I wonder if you did not enable the abide javascript plugin. You need to enable that in addition to the scss.

Upvotes: 1

Related Questions