Javascript ZURB基金会-遵守验证赢和XX27;t触发器

Javascript ZURB基金会-遵守验证赢和XX27;t触发器,javascript,html,validation,zurb-foundation,zurb-foundation-5,Javascript,Html,Validation,Zurb Foundation,Zurb Foundation 5,我试图用一个简单的静态表单来验证基金会的有效性,但我没有从中得到任何错误或响应。我希望看到数据无效属性添加到无效的输入元素中,但它们保持不变 我已经包括了Modernizer、jQuery以及从Zurb文档中可以看到的所有依赖项。我现在不关心CSS,只是希望能够验证表单 大多数代码都取自Zurb基金会文档: <html> <head> <title>Abide test...</title> <script src="js/m

我试图用一个简单的静态表单来验证基金会的有效性,但我没有从中得到任何错误或响应。我希望看到数据无效属性添加到无效的输入元素中,但它们保持不变

我已经包括了Modernizer、jQuery以及从Zurb文档中可以看到的所有依赖项。我现在不关心CSS,只是希望能够验证表单

大多数代码都取自Zurb基金会文档:

<html>
<head>
    <title>Abide test...</title>
    <script src="js/modernizr.js"></script>
</head>
<body>
<form data-abide id="contact">
    <div class="name-field">
        <label>Your name
            <small>required</small>
            <input type="text" required>
        </label>
        <small class="error">Name is required and must be a string.</small>
    </div>
    <div class="email-field">
        <label>Email
            <small>required</small>
            <input type="email" required>
        </label>
        <small class="error">An email address is required.</small>
    </div>
    <button type="submit">Submit</button>
</form>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/fastclick.js"></script>
<script type="text/javascript" src="js/foundation.js"></script>
<script type="text/javascript" src="js/foundation.abide.js"></script>
<script>
    $(document).foundation();
</script>
</body>
</html>

经受考验。。。
你的名字
必修的
名称是必需的,并且必须是字符串。
电子邮件
必修的
需要一个电子邮件地址。
提交
$(document.foundation();

有人能看出上面的错误吗?所有的.JS文件都在加载,Chrome控制台中没有404个错误。

< >强>基础。需要CSS。<强>当我分叉小提琴并简单地将基础。CSS添加到外部资源时,数据无效如您所期望的附加。

似乎这段CSS是必需的:

meta.foundation-data-attribute-namespace{
字体系列:false;

} /代码>我注意到NITCH甚至不添加NoValue=“NoValueTebug”,就像它在基础文档文档页面上所做的那样。甚至这个别人的例子也不起作用。我已经创建了我自己的小提琴,仍然没有验证,我想我已经跟随Zurb的文档到了这本书…看着Buffo.AbID.js,我不知道为什么它会打破它,但是它仍然如此。当我有时间时,我将不得不测试其他JS函数,看看它们是否也会崩溃;也许需要为它创建一个问题。我甚至没想到会发生这种事,只是想我会像往常一样设置好它。很奇怪的要求。