使用不同的名称创建自定义字段

Question

我正在尝试创建具有不同名称属性的自定义字段，以便我可以通过执行req.body.name1和req.body.name2来访问它们。我的JS代码是

$(document).on("click",".add",function(){
 var n= $(this).prev(".form-group" ).length+1;
 var temp = $(this).prev(".form-group" ).clone();
 $('input:first',temp).attr('placeholder','Custom Field').val("");
 $(this).prev( ".form-group" ).after(temp);
});

我的HTML是

<div class="form-group">
 <label for="customField" class="control-label">Custom Field</label>
 <input type="text" class="form-control" id="customField" name="customField" placeholder="Your Field">
 </div>
 <input type="button" class="btn btn-primary add" id="add" value="Add Field"/>

我知道我在JS中缺少name属性，但Google今天没有帮助。如何更改此设置，以便用户点击＆＃34;添加字段＆＃34;他们将添加另一个自定义字段，但我可以从服务器端代码访问不同的名称。我还想将自定义字段限制为5.不知道如何在不知道如何更改名称属性的情况下执行此操作。

如果您需要更多代码或其他任何内容，请与我们联系。我想我提供了所需的所有代码。

编辑 - 发布后我意识到的一点是，我现在的方式不起作用，而且它也会添加label，我希望每次都避免添加。 / p>