動態添加字段的jQuery表單驗證

Question

我正在開發一個動態從后端動態獲取員工的向導。 生成employee表（使用radio-input-field），然后設置為我的HTML代碼：

$.ajax({
    method: "get",
    url: '/getEmployees/',
    dataType: 'json',
    data: {
        ids: JSON.stringify(services)
    },
    async: false,
    success: function(data) {
        $.each(data.workers, function(i, v) {
            html += "<tr>";
            html += "<td class=\"text-center\">";
            html += "<label><input type=\"radio\" value=\"" + v.Worker.id + "\" name=\"employeeInput\" id=\"employeeInput\" /></label>";
            html += "</td>";
            html += "</tr>";
        });

        $('#employee_items').empty().html(html);

        // Add new field
        $('#employeeInput').formValidation('addField');
    }
});

我正在使用jQuery插件“formvalidation.io”驗證我的表單輸入：

$('#employeeForm').formValidation({
    framework: 'bootstrap',
    fields: {
        employeeInput: {
            validators: {
                notEmpty: {
                    message: 'Please choose an employee'
                }
            }
        }
    }
});

經過幾個小時的努力，我發現動態生成的字段必須手動添加到表單驗證中：

http://formvalidation.io/examples/adding-dynamic-field/

我嘗試過但到目前為止沒有運氣。 當我動態添加此字段時，如何使用字段employeeInput的表單驗證？

Answer 1

嘗試這個：

$('#employeeForm').formValidation('addField', $("#employeeInput"));