Javascript 带有动态字段和数组输入的把手模板的jQuery验证

我有以下把手模板：

<script id="hbar_task_config_holder" type="text/x-handlebars-template">

    <div class="row task_config_holder" id="task_config_each_holder">
        {{#tasks}}
        {{> config_row types=../types}}
        {{/tasks}}
    </div>
    <div class="col-lg-3 col-md-6 col-sm-12 col-xs-12" style="margin-bottom: 12px;">
        <button class="btn btn-purple btn-sm" id="add_task" >
            <i class="icon-plus bigger-110"></i>
            Add Task
        </button>
    </div>
</script>

这给我带来了一个错误：

未捕获的TypeError:无法读取未定义的属性“设置” 在init.rules（jquery.validate.min.js:2） 在HTMLInputElement。(:3:25) 在Function.each（jquery-2.0.3.min.js:4） 在init.each（jquery-2.0.3.min.js:4） 时间：1:16

我尝试了其他一些解决方法，比如在函数中添加以下代码，即添加动态输入元素

$(#task_form).removeData('validator');
$(#task_form).removeData('unobtrusiveValidation');
$.validator.unobtrusive.parse(#task_form);

但这又一次抛出了另一个错误，即

未捕获的TypeError:无法读取未定义的属性“parse” 时间：3:24

---

很抱歉发了这么长的帖子，我们将不胜感激

你能加小提琴吗？

jQuery(function ($) {

    $('#task_form').on('submit', function (event) {

        // prevent default submit action
        event.preventDefault();

        $("input.req").each (function (){
            console.log($(this));
            $(this).rules( "add", {
                required: true,
            });
        });

        // test if form is valid
        if($('#task_form').validate().form()) {
            console.log("validates");
        } else {
            console.log("does not validate");
        }

        $('#task_form').validate();
    });
});

$(#task_form).removeData('validator');
$(#task_form).removeData('unobtrusiveValidation');
$.validator.unobtrusive.parse(#task_form);