javascript - Jquery Validation の例が機能しない

Question

非常に基本的な jquery 検証の例をテストしようとしています。コードは次のとおりです。

<form action="/" method="post">
    <input type="text" name="foo" id="foo"/>
</form>​

私のJSコード:

$('#foo').validate({
    foo: {
        required: true,
        minlength: 2
    }
});​

それは機能しません...ヘルプや実際の例をいただければ幸いです。

Answer 1

単一の要素ではなく、フォームvalidateでメソッドを使用します。すべてのルールは、次のようにプロパティ内にある必要があります。rules

$("form").validate({
    rules: {
        foo: {
            required: true,
            minlength: 2
        }
    }
});

実例はJsBinにあります。

Answer 2

validateフォームでメソッドを呼び出し、ルールをオブジェクトでラップしますrules。オブジェクトを追加したい場合messages。

HTML：

<form id="form" action="/" method="post">
    <input type="text" name="foo" id="foo">
</form>

javascript：

$('#form').validate({
    rules: {
        foo: {
            required: true,
            minlength: 2
        }
    },
    messages: {
       foo: "Please enter your foo"
   }
});

この例も参照してください。

Answer 3

これを試して

 <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>

<script> 
    $(document).ready(function(){
        $("#commentForm").validate({
        rules: {
            txtPhNumber: "required",
            txtPhNumber2:
                {
            equalTo: "#txtPhNumber"
                }
            }
        });
    });

  </script>