首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >我在哪里可以找到zurb-foundation的完整文档?

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

Stack Overflow用户
提问于 2013-01-08 11:20:32
回答 1查看 1.9K关注 0票数 2

如何(以及在哪里)获得zurb-foundation的完整文档。我使用的是Zurb的Foundation3,并从http://foundation.zurb.com/docs/index.php获得了文档。但是,缺少一些文档,例如用于表单验证的文档。在基本情况下,它显示了表单元素可以有一个必需的属性,或者输入元素可以有一个等于电子邮件的类型。但是当我提交表单(在我的应用程序中)时,它将自动验证,并且我无法获得有关它的任何文档。

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-01-27 12:37:03

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

框架does not include a form validation javascript,只是表单验证意识到的表单,在Zurb文档中有大量描述。

话虽如此,我已经在jQuery Validation Plugin中做了验证。这需要一点解谜才能完全解决问题,但我猜下面的代码应该会提供一些关于如何充分利用Foundation 3.0提供的验证状态的初步指导:

代码语言:javascript
复制
<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验证类定义验证规则,使用选项highlightunhighlight向要验证的输入元素添加/删除错误类,并指定errorElement以将错误消息粘贴到<small>标记中而不是标签中。

希望这能有所帮助

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14207727

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档