jQuery Formularvalidierung für dynamisch hinzugefügtes Feld

Question

Ich arbeite an einem Assistenten, der dynamisch Mitarbeiter aus meinem Back-End erhält. Die Mitarbeitertabelle erzeugt (mit einem Radio-Input-Feld) und dann zu meinem HTML-Code festgelegt:

$.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'); 
    } 
}); 

ich meine Form-Eingänge mit der jQuery-Plugin "formvalidation.io" bin Validieren:

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

nach stundenlang versucht, fand ich, dass dynamisch generierte Felder aus dem Formular-Validierung manuell hinzugefügt werden:

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

ich es versucht aber hatte bisher kein Glück. Wie kann ich die Formular-Validierung für das Feld employeeInput verwenden, wenn ich dieses Feld dynamisch hinzufüge?

Answer 1

Versuchen Sie folgendes:

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