Javascript 基于html附加元素的引导验证

我定义了如下元素，并添加了一个自定义逻辑，以便在点击输入控件上的+按钮-“EngVDCategory”时添加更多元素

  <div class="VDGroup">
              <div class="VDGroupPlaceHolder">
                 <div class="form-group">
                    <label class="col-md-4 control-label">Engineering and Vendor data</label>
                    <div class="col-md-4 inputGroupContainer">
                       <div class="input-group">
                          <input type="text" id="EngVDCategory" name="EngVDCategory" placeholder="Engineering and Vendor data" class="form-control">
                          <span class="input-group-addon cursor" id='addButton'><i class="glyphicon glyphicon-plus "  ></i></span>
                          <span class="input-group-addon cursor" id='removeButton'><i class="glyphicon glyphicon-minus" ></i></span>
                       </div>
                    </div>
                 </div>
              </div>
           </div>

单击submit，我想验证元素EngVDCategory和新添加的html元素EngVDCategory2。但它只验证EngVDCategory元素。如何验证新元素呢

这是我要附加的逻辑

$("#addButton").click(function () {
                      if( ($('.VDGroup .VDGroupPlaceHolder').length+1) > 5) {
                          alert("Only maximum of 5 Categories are allowed");
                          return false;
                      }
                      var id = ($('.VDGroup .VDGroupPlaceHolder').length + 1).toString();
                      $('.VDGroup').append('<div class="VDGroupPlaceHolder"><div class="form-group"><label class="col-md-4 control-label">Engineering and Vendor data</label><div class="col-md-4 inputGroupContainer"><input type="text" id="EngVDCategory' + id + '" name="EngVDCategory' + id + '" placeholder="Engineering and Vendor data ' + id + '" class="form-control" ></div></div></div>');
                     // validator.addField($(this));
                  });

$（“#添加按钮”）。单击（函数（）{
如果（$（'.VDGroup.VDGroupPlaceHolder'）.length+1）>5）{
警报（“最多允许5类”）；
返回false；
}
变量id=（$（'.VDGroup.VDGroupPlaceHolder'）.length+1.toString（）；
$（'.VDGroup'）。追加（'Engineering and Vendor data'）；
//addField（$（this））；
});

$("#addButton").click(function () {
                      if( ($('.VDGroup .VDGroupPlaceHolder').length+1) > 5) {
                          alert("Only maximum of 5 Categories are allowed");
                          return false;
                      }
                      var id = ($('.VDGroup .VDGroupPlaceHolder').length + 1).toString();
                      $('.VDGroup').append('<div class="VDGroupPlaceHolder"><div class="form-group"><label class="col-md-4 control-label">Engineering and Vendor data</label><div class="col-md-4 inputGroupContainer"><input type="text" id="EngVDCategory' + id + '" name="EngVDCategory' + id + '" placeholder="Engineering and Vendor data ' + id + '" class="form-control" ></div></div></div>');
                     // validator.addField($(this));
                  });