Jqueryのバリデーションの例が正しく動作しない

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 
     } 
    } 
}); 

ライブの例では、found in 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" 
    } 
}); 

またthis exampleを参照してください。

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>