Javascript 用jQuery克隆表单几个问题
大约一年前,我在StackOverflow的帮助下创建了一个脚本,它使用clone复制表单。这个脚本做了它需要做的事情,但是在使用了一段时间之后,我发现了一些应该有所不同的东西。问题是,由于我对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
我建议你看看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();
}