Question

我要在单击按钮时创建输入字段，并为每个输入框分配不同的名称，如果我给每个输入框指定相同的名称，则验证适用于单个输入框。我正在使用的this jquery表单验证插件。下面是我在单击按钮时创建输入框的代码。

/ * html * /

<div class="form-group">
    <input type="hidden" name="add_link_counter" id="add_link_counter" value="0">
    <button type="button" class="btn btn-secondary" id="addLink" onClick="addLinkBox(this)"><i class="fa fa-plus"></i> Add Link</button>
</div>

/ * javascript * /

function addLinkBox(e){
    var count = $("#add_link_counter").val();
    count = parseInt(count) + 1;
    var links = $('#appointmentLinks');
    var linkBox =`<div class="row" id='add_link_`+count+`'>
                        <div class="col-md-10 col-sm-10 col-10 mt-2 mb-1">
                          <input type="text" name='appointment_link_`+count+`' class="form-control appointment-link" placeholder="Place link here"/>
                        </div>
                        <div class="col-md-2 col-sm-2 col-2 mt-2">
                            <span class="btn btn-danger" onclick="remove_input('add_link_`+count+`')">X</span>
                        </div>
                    </div>`;
    $("#add_link_counter").val(count);              
    links.append(linkBox);
}

以上插件均基于字段名称或ID工作。现在我有多个字段，所以有动态输入字段，我应该如何处理上面的内容？

jQuery验证程序不适用于动态字段

0 个答案: