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>