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

如果您有一個刪除按鈕，添加一個事件處理程序，遞減計數變量。