javascript - 我想使用 JQuery 克隆两个输入字段

Question

我正在尝试创建一个表单，用户可能希望在其中动态添加两个输入字段，并且此表单链接到验证 JQuery 插件。

$('.addnote').on("click",function(){
    countnotes++;
    var newnote = $(".notes:first").clone();
    newnote.find('input:file').val("");
    newnote.find('input:text').val("");
    var oldindexinput = countnotes-2;
    var newindexinput = countnotes-1;
    var attachement = newnote.find('#Justificatif'+oldindexinput+'Attachment');

    attachement.attr('id','Justificatif'+newindexinput+'Attachment');
    attachement.attr('name','data[Justificatif]['+newindexinput+'][attachment]');
    var motif = newnote.find('#Justificatif'+oldindexinput+'Motif');

    motif.attr('id','Justificatif'+newindexinput+'Motif');
    motif.attr('name','data[Justificatif]['+newindexinput+'][motif]');
    newnote.find('input:text[readonly]');
    var firstnoteid = $(".notes:first").attr('id');
    newnote.attr('id','notes'+countnotes);
    newnote.attr('style','');
    newnote.insertBefore('#'+firstnoteid).hide();
    newnote.slideDown();

});

这是Html代码

<input name="data[Justificatif][0][attachment]" type="text" readonly placeholder="Feuille de support"  required>

<input name="data[Justificatif][0][motif]" placeholder="Motif de dépenses" class="input-medium" maxlength="255" type="text" id="Justificatif0Motif" required>

我的代码的问题是它克隆了验证状态以及新的输入字段，我想摆脱它。

谢谢

snapshot of the input fields cloned

Answer 1

通常，在 jquery 验证期间，class='required' 应用于在表单提交期间验证的元素。假设您要克隆的元素确实定义了 class='required'，您可以在克隆后简单地删除它。

var newnote = $(".notes:first").clone();
newnote.removeClass('required');

这是一个例子:http://jsfiddle.net/DinoMyte/TP768/268/