2016-04-17 47 views
1

我正在从一个向导动态获取我后端的员工。雇员表中生成(与无线输入场),然后设置到我的HTML代码:动态添加字段的jQuery表单验证

$.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的表单验证?

回答

0

试试这个:

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