2

zurb-foundationの完全なドキュメントを入手する方法（および場所）。私はZurb'sFoundation3を使用しており、http：//foundation.zurb.com/docs/index.phpからドキュメントを入手しました。ただし、フォーム検証用のドキュメントなど、一部のドキュメントが欠落しています。基本的なケースでは、form要素がrequired属性を持つことができるか、input要素がemailと等しいtypeを持つことができることを示しています。しかし、（私のアプリケーションで）フォームを送信すると、自動検証され、それに関するドキュメントを取得できません。

追加のドキュメントはどこにありますか？

4

1 に答える 1

1

Zurbのドキュメントが完成しました。Zurbがそのような豊富なフレームワークを提供していることを考えると、私たちは皆、Foundationが完全なフォーム検証を含むことを期待していると思います。

フレームワークにはフォーム検証JavaScriptは含まれていません。Zurbドキュメントで詳しく説明されているフォーム検証対応のフォームのみが含まれています。

jQuery検証プラグインを使用して検証を行ったと言っています。完全にソートするには少しパズルを解く必要がありますが、以下のコードは、Foundation3.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 に答える