Как добавить проверку формы JQuery в динамически генерируемый HTML?

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