动态添加字段的 jQuery 表单验证答案

【问题标题】：jQuery form validation for dynamically added field动态添加字段的 jQuery 表单验证
【发布时间】：2016-04-17 21:05:42
【问题描述】：

我正在开发一个从我的后端动态获取员工的向导。生成员工表（带有单选输入字段），然后设置为我的 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时如何使用表单验证？

【问题讨论】：

标签： javascript jquery ajax formvalidation.io

【解决方案1】：

试试这个：

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

【讨论】：