1

バックエンドから従業員を動的に取得するウィザードに取り組んでいます。従業員テーブルが (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このフィールドを動的に追加するときに、フィールドのフォーム検証を使用するにはどうすればよいですか?

4

1 に答える 1