Javascript 动态添加表单输入时添加必需属性

我有一个表单，用户可以动态地添加/删除表单输入。问题在于，在隐藏的

表单组

中，我无法添加属性

required

，因为在提交事件中，提交不会发生

如何在每次按下+按钮时添加属性

required

，并在按下-按钮时将其删除

我试过这样做：

$（'#barcode'）.prop（'required'，true）但不正确，因为如果我按两次+按钮，我将有两个相同id的输入


var计数器=0；
$（“#表格1”）
//添加按钮单击处理程序
.on（'click'，'addButton'，function（）{
计数器++；
var$template=$（“#addLine”），
$clone=$template
.clone（）
.removeClass（'hide'））
.removeAttr（'id'））
.attr（'数据索引'，计数器）
.insertBefore（$template）；
//更新名称属性
$clone
.find（'[name=“barcode”]'）.attr（'name'，'barcode-'+计数器）。end（）
.find（'[name=“productsInBox”]'）.attr（'name'，'productsInBox-'+计数器）。end（）
.find（'[name=“packer”]'）.attr（'name'，'packer-'+counter）.end（）
.find（'[name=“count”]'）.attr（'name'，'count-'+counter.）.end（）；
$（“#条形码”）.prop（'required'，true）；
})
//删除按钮单击处理程序
.on（'click'，'removeButton'，函数（）{
var$row=$（this）.parents（'.form group'），
index=$row.attr（'data-index'）；
计数器--；
//删除包含字段的元素
$（“#条形码”）.prop（'required'，false）；
$row.remove（）；
});

方框：
号码：
方框：
号码：
提交
我错过了理解的问题。请尝试使用+按钮

if($('#barcode').attr('required') != true){
       $('#barcode').attr('required',true);
    }

这是一个自动按钮

if($('#barcode').attr('required')){
           $('#barcode').removeAttr('required');
        }

您的答案是错误的，因为如果用户按+按钮5次，您将看到错误的
id=“barcode”
5次。您是对的，我错过了已理解的问题，现在我编辑我的答案