jQuery驗證克隆的元素

Question

我使用下面的jQuery驗證：

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

我有以下元素：

<div class="form-item"> 
    <label for="Reference_name" class="required">Name: <span class="required">*</span></label>       
    <input name="Reference[name][]" class="form-input validate {validate:{required:true,minLength:2,messages:{required:'Your name is required',minLength:'Your name is too short'}}}" id="Reference_name" type="text">           
</div> 

我已經克隆的元素，但有效性驗證只出現在第一個元素。我希望它對第二個驗證，並顯示錯誤消息標籤。

有人可以幫助這個請。如果要比較兩個字段 http://docs.jquery.com/Plugins/Validation/Methods/equalTo#other

Answer 1

元素必須是唯一的

<label for="Reference_name" class="required">Name:<span class="required">*</span></label>    
<input type="text" id="Reference_name" name="Reference[Name]" id="Reference_name" required="required" maxlength="255" /> 

文件的js

$(document).ready(function() { 
validate_form(); 
});  


function validate_form() { 
    $("#id_of_your_form").validate({ 
    rules: { 
     'Reference_name': { 
      required:true, 
      minlength: 2,     
      } 
     }, 
    }, 
    messages: { 
     'Reference_name': { 
      required:"Your name is required", 
      minLength:'Your name is too short' 
     },   
    } 

}); 
} 

這個：

var validate_form_function = function(){ 
       if($(".app-form").length > 0){ 
        $('.app-form').validate({ 
        rules: { 
          comment_message: { 
           required: true, 
           minlength: 2 
          } 
        }, 

        messages: { 
          comment_message: { 
           required: "Your message", 
           minlength: "Your message" 
          } 
        } 
        }); 
       } 
      }; 

然後通過這樣的功能重新驗證克隆形式： validate_form_function（）;

Answer 2

把你的驗證功能，在全局變量喜歡