Jquery 动态字段验证不起作用

Question

在我的表单上，当用户单击按钮时，将添加新的输入字段。我需要在用户按下提交按钮而不填写日期时进行验证。 （它是一个日期选择器）。我不确定出了什么问题，

这是我的代码：

var room = 0;
function room_fields() {

    room++;
    var objTo = document.getElementById('room_fields')
    var divtest = document.createElement("div");
    divtest.setAttribute("class", "row removeclass"+room);
    var rdiv = 'removeclass'+room;
    divtest.innerHTML = '<div class="col-5 form-group"><div class="form-control-wrap"><div class="form-icon form-icon-left"><em class="icon ni ni-calendar"></em></div><input type="text" class="form-control date-picker" data-date-format="yyyy-mm-dd" placeholder="Select Intake date" name="selected_intakes" id="selected_intakes_'+room+'"></div></div><div class="col-2 form-group"><input type="button" class="btn btn-danger" value="-" onclick="remove_education_fields('+ room +');"></div>';
    
    objTo.appendChild(divtest)

    setTimeout(function(){
        $("#selected_intakes_"+room).datepicker();
        $("#selected_dates_"+room).datepicker();
        $('#selected_dates_'+room).rules('add', {
            required: true,
        });
    }, 50);
}
   function remove_education_fields(rid) {
       $('.removeclass'+rid).remove();
   }

我的输入：

<input type="text" class="form-control date-picker" data-date-format="yyyy-mm-dd" name="selected_dates" id="selected_dates_{{counter}}">
<input type="button" class="btn btn-primary" value="+" onclick="room_fields();">

所以从上面来看，当用户按下按钮时，将调用 room_fields 并添加新字段。我也在添加规则。但遗憾的是我的表格没有得到验证。

注意：我不能使用动态名称，而是使用动态 id

请帮忙