2

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

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

4

1 回答 1

1

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

该框架不包括表单验证 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>标签而不是标签中。

希望这可以帮助

于 2013-01-27T04:37:03.380 回答