我正在使用来自amazingSurge 的jquery-wizard 插件和formvalidation.io插件。我的目的是在用户想要在向导中前进时进行表单验证。这对于正常的输入验证和复选框验证都非常有用。但是,我在验证无线电输入表单时遇到问题。只有当我选择第一个单选按钮时,该表单才允许我前进。当我在表单中有 20 个单选按钮并选择第三个时,表单验证显示我没有选择任何东西!
这是我的验证码:
$('#employeeForm').formValidation({
framework: 'bootstrap',
fields: {
employeeInput: {
validators: {
notEmpty: {
message: 'Please choose an employee'
}
}
}
}
});
wizard = $("#exampleWizardForm").wizard(options).data("wizard");
wizard.get("#employees").setValidator(function() {
var fv = $("#employeeForm").data("formValidation");
return fv.validate(), fv.isValid() ? !0 : !1
});
// add validation after form was dynamically created
$('#employeeForm').formValidation('addField', $("#employeeInput"));
这是我的表格:
<form id="employeeForm" novalidate="novalidate" class="fv-form fv-form-bootstrap">
<div class="table-responsive">
<table class="table table-hover text-right">
<tbody id="employee_items">
<tr>
<td class="text-center">
<label><input type="radio" value="196" name="employeeInput" id="employeeInput" kl_vkbd_parsed="true"></label>
</td>
<td class="text-left">Employee 1</td>
<td>Software Tester</td>
</tr>
<tr>
<td class="text-center">
<label><input type="radio" value="200" name="employeeInput" id="employeeInput" kl_vkbd_parsed="true"></label>
</td>
<td class="text-left">Employee 2</td>
<td>Software Engineer</td>
</tr>
<tr>
<td class="text-center">
<label><input type="radio" value="201" name="employeeInput" id="employeeInput" kl_vkbd_parsed="true"></label>
</td>
<td class="text-left">Employee 3</td>
<td>CEO</td>
</tr>
</tbody>
</table>
</div>
我错过了什么吗?为什么无线电输入的表单验证不能按预期工作?