При клонировании строк таблицы сбросьте проверку клонированных входов с помощью jQuery. - PullRequest
Новая
       17

При клонировании строк таблицы сбросьте проверку клонированных входов с помощью jQuery.

0 голосов
/ 16 мая 2019

Я использую код, дублирующий строку таблицы.В этой строке таблицы у меня есть несколько входных данных, которые должны быть проверены с помощью этого плагина: https://github.com/1000hz/bootstrap-validator.

Как при клонировании я могу запустить проверку для вновь созданных входных данных?

HTML:

<table class="table">
    <tr>
        <th>Tax name</th>
        <th>Tax amount %</th>
        <th>Actions</th>
    </tr>
    <tr>
        <td>
            <div class="col-sm-12">
                <input type="text" name="STX_TaxeName[]" class="form-control" value="" maxlength="50" required="" data-plugin="maxlength">
            </div>
        </td>
        <td>
            <div class="col-sm-12">
                <div class="form-group">
                    <div class="input-group">
                        <input type="number" name="STX_Amount[]" class="form-control" required="">
                        <span class="input-group-addon bg-info">%</span>
                    </div>
                </div>
            </div>
        </td>
        <td>
            <a href="#" data-action="duplicate-row">Add</a> | 
            <a href="#">Remove</a>
        </td>
    </tr>
</table>

JS: 

$('[data-action="duplicate-row"]').on('click', function(e) {
    e.preventDefault();
    var ele = $(this).closest('tr').clone(true);

    ele.find('.form-group').removeClass('has-error has-danger');

    $(this).closest('tr').after(ele);
    ele.find('input').val('');
});

Здесь JS Fiddle: https://jsfiddle.net/65duqtk7/

Спасибо.

...