javascript - 如果字段不为空，如何从引导模式更新输入字段？

Question

我制作了一个带有动态表的表单，当填写表单时，单击按钮，所有字段的值将插入到一个字段中，并以逗号分隔。问题是我不知道如何检查字段是否为空，然后插入数据，否则更新该输入字段中的数据。

这是我的 html 代码

<table>
        <tbody>
            <tr>
                <td><input type="text" name="name"></td>
                <td><button class="remove">-</button></td>
            </tr>
            <tr>
                <td><input type="text" name="name"></td>
                <td><button class="remove">-</button></td>
            </tr>
        </tbody>
    </table>
    <button id="addRow">+ Add</button>
    <button id="getValues">Get Values</button>
    <br/><br/><br/>
    <input type="text" id="myMainPageInput" />

这是jquery

var html = '<tr><td><input type="text" name="name"></td><td><button class="remove">-</button></td></tr>';

$(function() {
    $('tbody').sortable();

    $('#addRow').click(function(){
        $('tbody').append(html);
    });

    $(document).on('click', '.remove', function() {
        $(this).parents('tr').remove();
    });

    $('#getValues').click(function(){
        var values = [];
    if ($('input[name="name"]').val().length != 0){
        $('input[name="name"]').each(function(i, elem){
            $("#myMainPageInput").val(($("#myMainPageInput").val() + ', ' + $(elem).val()).replace(/^, /, ''));
        });
     }
    });
});

这使得我每次点击按钮时都会重复。

Answer 1

以不同的方式思考:因为您正在检查它是空还是非空，并继续执行逻辑无论如何(这就是我的理解，如果我错了请纠正我)，然后在填充之前完全清空该字段。

$('#getValues').click(function(){
    $('input[name="name"]').val('');
    var values = [];
    $('input[name="name"]').each(function(i, elem){
        $("#myMainPageInput").val(($("#myMainPageInput").val() + ', ' + $(elem).val()).replace(/^, /, ''));
    });
});