基础6.3.1 - 验证消息没有出现?

时间:2017-06-23 06:44:48

标签: javascript zurb-foundation zurb-foundation-6

为什么Foundation 6.3.1表单验证不显示错误消息?

我在他们的网站上关注此代码:

$(document).foundation();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/css/foundation.min.css">

<!-- Compressed JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/js/foundation.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/js/plugins/foundation.abide.js"></script>

<form data-abide novalidate>
  <label>
    Amount
    <div class="input-group">
      <span class="input-group-label">$</span>
      <input class="input-group-field" id="exampleNumberInput" type="number" required pattern="number"/>
    </div>
    <span class="form-error" data-form-error-for="exampleNumberInput">Amount is required.</span>
  </label>
  <button class="button" type="submit" value="Submit">Submit</button>
</form>

文本Amount is required.应在错误发生时出现,但不会出现。

任何想法为什么?

0 个答案:

没有答案