如何在动态生成的html中添加jquery表单验证？

Question

我创建了一个动态html块。当你点击添加更多按钮生成三个字段名称，从日期，到目前为止，我在这个领域的苹果验证，但它不起作用。

动态帖子字段名称：

<input type="text" name="data[User][title][]" />
<input type="text" name="data[User][fromdate][]" />
<input type="text" name="data[User][todate][]" />

以上字段是动态生成的html，我想从Jquery验证中对每个新生成的字段进行验证，但它不起作用。

Jquery验证规则：

 $(".UserForm").validate({
ignore: "", 
errorElement: 'label',
errorClass: 'error', 
highlight: function(element, errorClass, validClass) {
  $(element).parents("div.form-group").addClass("get-error");
},
unhighlight: function(element, errorClass, validClass) {
  $(element).parents("div.form-group").removeClass("get-error");
},

    rules: {
        "data[User][title][]": {
            required : true, 
        },
        "data[User][fromdate][]": {
            required : true
        },
         "data[User][todate][]": {
            required : true
        }
    },
    messages: {
        "data[User][title][]": {
            required: "Please enter title", 
        },
        "data[User][fromdate][]": {
            required: "Please select fromdate", 
        },
        "data[User][todate][]": {
            required: "Please select todate",
        }  
    }
});