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

我已经创建了一个动态html块。当你点击AddMore按钮时，生成三个字段名，from date，to date，我会对这个字段进行验证，但它不起作用

动态post字段名称：

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

---

任何人都必须回答这个问题，你需要比“不工作”更具体。这很模糊。提供有关您期望发生的事情、实际发生的事情、生成的任何错误消息（例如在JS控制台中）之类的详细信息。@Greg Schmidt您好，我将发布一个屏幕短片。我实际想要什么。请检查@tarikul05它的工作只有一个字段

 $(".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",
        }  
    }
});