jQuery添加和限制表单域

Question

我正在构建一个可以有图像上传字段的窗体，但只有第一个窗体可见，并且当单击“添加另一个”按钮时会显示其他字段。

我想要做的是将这些字段的数量限制为3.下面您可以看到我现在拥有的内容，但问题是，当前的代码并未考虑到字段的删除。所以，如果你添加两个字段，你会得到一个像你应该的错误，但如果你删除一个，并尝试再次添加它，你不能。

我有点失落与jQuery的东西，所以任何帮助，非常感激。

var limit = 3; 
$('.add_image').click(function(e){ 
if($('#back').length < limit) { 
          e.preventDefault(); 
          var newElem = $('<tr class="images-cont"><td><input type="file" name="front" id="front" size="50" /></td><td class="action"><a title="Delete image" href="#" class="delete" style="background-image:url(\'<?php echo get_admin_url(); ?>/images/no.png\');"><?php _e("Delete"); ?></a></td></tr>'); 
          newElem.appendTo('#images-sort'); 
count++; 
} else { 
    alert('You cannot add more than 3 images.') 
} 
         }) 

Answer 1

$('.delete').click(function(){ 
    $('.images-cont:last').html('<td>A message here</td>'); 
    count--; 
}); 

Answer 2

如果您有一个删除按钮，添加一个事件处理程序，递减计数变量。