jQuery表单验证以动态添加字段

尼姆罗德

我正在使用一个向导,该向导可以动态地从我的后端获取员工。生成employee表(带有一个单选字段),然后将其设置为我的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动态添加此字段时,如何使用该字段的表单验证

达拉·帕尔玛(Dhara Parmar)

试试这个:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CodeIgniter表单验证,动态添加字段

来自分类Dev

CodeIgniter表单验证,动态添加字段

来自分类Dev

验证可以添加或删除字段的动态表单

来自分类Dev

jQuery验证忽略动态添加的字段

来自分类Dev

BootstrapValidator,验证动态添加到表单中的字段

来自分类Dev

如何验证动态添加的表单字段的重复项

来自分类Dev

具有动态添加的表单(不是字段!)的BootstrapValidator验证。

来自分类Dev

验证动态添加的字段

来自分类Dev

动态添加参数到表单字段 Rails 和 jQuery

来自分类Dev

jQuery对照其他动态添加的输入字段验证动态添加的输入字段

来自分类Dev

jQuery对照其他动态添加的输入字段验证动态添加的输入字段

来自分类Dev

动态添加表单输入字段

来自分类Dev

无法为动态生成的输入字段添加jQuery验证?

来自分类Dev

jQuery验证动态创建的表单

来自分类Dev

jQuery验证动态创建的字段

来自分类Dev

验证动态输入字段 Jquery

来自分类Dev

AngularJS动态表单字段验证

来自分类Dev

Django动态表单-验证选择字段

来自分类Dev

如何动态添加和删除要由Parsley.js验证的表单字段?

来自分类Dev

向Angular中的formArray添加动态表单字段和验证

来自分类Dev

将验证规则动态添加到 Redux 表单字段的更优雅的方法是什么?

来自分类Dev

从表单中动态添加和删除PHP表单字段(jQuery)

来自分类Dev

验证动态添加的表单输入-Vanilla JS

来自分类Dev

我有一个有效的表单验证,但现在我也想验证动态添加的字段

来自分类Dev

表单验证和使用$ compile添加的字段

来自分类Dev

如何动态添加或删除表单字段?

来自分类Dev

在MeteorJS中动态添加表单字段

来自分类Dev

React:动态添加输入字段以形成表单

来自分类Dev

在HTML表单上动态添加字段

Related 相关文章

  1. 1

    CodeIgniter表单验证,动态添加字段

  2. 2

    CodeIgniter表单验证,动态添加字段

  3. 3

    验证可以添加或删除字段的动态表单

  4. 4

    jQuery验证忽略动态添加的字段

  5. 5

    BootstrapValidator,验证动态添加到表单中的字段

  6. 6

    如何验证动态添加的表单字段的重复项

  7. 7

    具有动态添加的表单(不是字段!)的BootstrapValidator验证。

  8. 8

    验证动态添加的字段

  9. 9

    动态添加参数到表单字段 Rails 和 jQuery

  10. 10

    jQuery对照其他动态添加的输入字段验证动态添加的输入字段

  11. 11

    jQuery对照其他动态添加的输入字段验证动态添加的输入字段

  12. 12

    动态添加表单输入字段

  13. 13

    无法为动态生成的输入字段添加jQuery验证?

  14. 14

    jQuery验证动态创建的表单

  15. 15

    jQuery验证动态创建的字段

  16. 16

    验证动态输入字段 Jquery

  17. 17

    AngularJS动态表单字段验证

  18. 18

    Django动态表单-验证选择字段

  19. 19

    如何动态添加和删除要由Parsley.js验证的表单字段?

  20. 20

    向Angular中的formArray添加动态表单字段和验证

  21. 21

    将验证规则动态添加到 Redux 表单字段的更优雅的方法是什么?

  22. 22

    从表单中动态添加和删除PHP表单字段(jQuery)

  23. 23

    验证动态添加的表单输入-Vanilla JS

  24. 24

    我有一个有效的表单验证,但现在我也想验证动态添加的字段

  25. 25

    表单验证和使用$ compile添加的字段

  26. 26

    如何动态添加或删除表单字段?

  27. 27

    在MeteorJS中动态添加表单字段

  28. 28

    React:动态添加输入字段以形成表单

  29. 29

    在HTML表单上动态添加字段

热门标签

归档