Javascript 用jQuery克隆表单几个问题

Javascript 用jQuery克隆表单几个问题,javascript,jquery,forms,jquery-ui,clone,Javascript,Jquery,Forms,Jquery Ui,Clone,大约一年前,我在StackOverflow的帮助下创建了一个脚本,它使用clone复制表单。这个脚本做了它需要做的事情,但是在使用了一段时间之后,我发现了一些应该有所不同的东西。问题是,由于我对javascript和jQuery的知识非常有限,这似乎太难了 剧本: //等等。 我建议你看看Knockout.JS,如果你有选择的话。。。它将允许您根据模板创建任意多的表单,甚至有一个绑定,可以确保元素的名称唯一。如果可能的话,使用我的脚本将非常好,但我感谢您的帮助,我将检查Knockout.JS o

大约一年前,我在StackOverflow的帮助下创建了一个脚本,它使用clone复制表单。这个脚本做了它需要做的事情,但是在使用了一段时间之后,我发现了一些应该有所不同的东西。问题是,由于我对javascript和jQuery的知识非常有限,这似乎太难了

剧本:

//等等。
我建议你看看Knockout.JS,如果你有选择的话。。。它将允许您根据模板创建任意多的表单,甚至有一个绑定,可以确保元素的名称唯一。如果可能的话,使用我的脚本将非常好,但我感谢您的帮助,我将检查Knockout.JS out!我在玩剧本。看起来不错,但我已经遇到了一个小问题:
<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
$('.startdatum').removeClass('hasDatepicker').datepicker({
    dateFormat: 'dd-mm-yy',
    constrainInput: false
});


$("input[type='button'].AddRow").live('click',
function() {
    var index = $(this).closest('div').index();
    if (index > 0) {
        $(this).closest('div').remove();
    } else {


        var $tr = $(this).closest('div').clone(true);
        $tr.find('input.AddRow').val("Delete");
        var $input = $tr.find('input.startdatum');
        var index = $('input#counter').val();
        var id = 'datepicker' + index;
        index++;
        $('input#counter').val(index);
        $input.attr('id', id).data('index', index);
        //console.log(index);
        $(this).closest('span').append($tr);
        $('.startdatum').each(function() {
            $(this).datepicker('destroy');
            $(this).datepicker({
                dateFormat: 'dd-mm-yy',
                constrainInput: false
            });
        });

    }

});
});//]]>  

</script>
// Wanneer het formulier verstuurd wordt
$("#theform").submit(function(){    
isValid = true;

// Valideer Aanhef
var aanhef = $('input[name=aanhef]:checked').val();
if(aanhef != 'v' && aanhef != 'm')
{
    isValid = false;
    $('#msg_aanhef').html('Vul uw aanhef in.').show();
    $('#aanhef').addClass("fout");
}
else
{
    $('#msg_aanhef').html('').hide();
}