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>

我已經克隆了元素，但是驗證僅出現在第一個元素上。 我也想針對第二個進行驗證並顯示錯誤消息標簽。

有人可以幫忙嗎？

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'
        },           
    }

});
}

如果要比較兩個字段http://docs.jquery.com/Plugins/Validation/Methods/equalTo#other

Answer 2

將您的驗證函數放在這樣的全局變量中：

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（）;