我在哪里可以找到 zurb-foundation 的完整文档答案

【问题标题】：Where could I find complete documentation of zurb-foundation我在哪里可以找到 zurb-foundation 的完整文档
【发布时间】：2013-01-08 03:20:31
【问题描述】：

如何（以及在何处）获得 zurb-foundation 的完整文档。我正在使用 Zurb 的 Foundation 3，并从 http://foundation.zurb.com/docs/index.php 获得了文档。但是，缺少一些文档，例如用于表单验证的文档。在基础案例中，它表明表单元素可以具有必需的属性，或者输入元素可以具有等于电子邮件的类型。但是当我提交表单（在我的应用程序中）时，它会自动验证，我无法获得任何有关它的文档。

在哪里可以找到其他文档？

【问题讨论】：

标签： zurb-foundation

【解决方案1】：

Zurb 文档已完成。我想鉴于 Zurb 提供了如此丰富的框架，我们都希望 Foundation 包含完整的表单验证。

框架does not include 和form validation javascript，只是表单验证意识到在Zurb 文档中有详细描述的表单。

话虽如此，我已经使用jQuery Validation Plugin 完成了验证。需要一点点解谜才能把事情完全整理好，但我想下面的代码应该提供一些关于如何充分使用 Foundation 3.0 提供的验证状态的初步指导：

<form id="contactForm">
   <div class="five columns">
        <label>First Name:</label>
        <input type="text" maxlength='40' name='First Name' class='required' minlength='2'/>
   </div>
<form>


<script>
$(document).ready(function(){
    $("#contactForm").validate({
      errorElement: "small",
      highlight: function(element, errorClass, validClass) {
         $(element).addClass(errorClass).removeClass(validClass);
         $(element).parent().children("input").addClass(errorClass);
      },
      unhighlight: function(element, errorClass, validClass) {
         $(element).removeClass(errorClass).addClass(validClass);
         $(element).parent().children("input").removeClass(errorClass);
      }
    });
});
</script>

关键是：

** 使用 jQuery 验证类来定义验证规则，使用选项 highlight 和 unhighlight 将错误类添加/删除到正在验证的输入元素，并指定 errorElement 将错误消息粘贴到其中<small> 标签而不是标签。

希望对你有帮助

【讨论】：