Javascript ZURB基金会-遵守验证赢和XX27;t触发器
我试图用一个简单的静态表单来验证基金会的有效性,但我没有从中得到任何错误或响应。我希望看到数据无效属性添加到无效的输入元素中,但它们保持不变 我已经包括了Modernizer、jQuery以及从Zurb文档中可以看到的所有依赖项。我现在不关心CSS,只是希望能够验证表单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
大多数代码都取自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函数,看看它们是否也会崩溃;也许需要为它创建一个问题。我甚至没想到会发生这种事,只是想我会像往常一样设置好它。很奇怪的要求。