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

Question

我正在從一個嚮導動態獲取我後端的員工。僱員表中生成（與無線輸入場），然後設置到我的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"));