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

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

Answer 2

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

jQuery添加和限制表单字段

2 个答案: