javascript - 动态表单字段的限制

Question

我正在使用一种表单，其中表单字段是在单击时动态添加的。不幸的是我无法限制添加表单字段。任何帮助将不胜感激。

$(document).ready(function(){ 
    $(".addmore").on('click', function () {
        var count = $('table tr').length;
        var data = "<tr class='case'><td><span id='snum" + count + "'> Field"+ count + ".</span></td>";
        data += "<td><input class='form-control' type='text' id='c1' name='field"+count+"'/></td> </tr>";


        $('#form_table').append(data);
        i++;

    });
    $(".delete").on('click', function () {
        $('tr.case:last').remove();
    });

    //insert into database

    //insert into database
    $('.insert').on('click', function(){
        $.ajax({
            url: 'upload_file.php',
            method: 'post',
            data: $('form#students').serialize(),
            success: function(data){
                $('#record_list').html(data);
            }
        });
    });


});

Answer 1

$(document).ready(function(){    
$(".addmore").on('click', function () {
    var count = $('table tr').length;
    if(count >= 5) return;
    var data = "<tr class='case'><td><span id='snum" + count + "'> Field"+ count + ".</span></td>";
    data += "<td><input class='form-control' type='text' id='c1' name='field"+count+"'/></td> </tr>";
    $('#form_table').append(data);

});