Question

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

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

Answer 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>标记而不是标记中。

希望这有帮助

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

1 个答案: