Bootstrap 表单验证formValidation 之表单动态添加元素之后再次验证

   最近工作中要实现表单元素的动态增加，并使用bootstrap的formValidation 插件对动态添加的表单元素进行前台校验。在以前的工作中也使用过bootstrapformValidation 对表单元素进行校验，但涉及到的表单元素都是固定的，所以在页面载入时，对表单元素进行初始化就可以实现。但这次使用bootstrapformValidation 对表单元素的动态添加验证方式，在这个问题上还是浪费了很多时间，也查阅了网上不少资料，官方API，各种博主的文档，总结下，以供以后遇到此难题的朋友查阅。

1）formValidation官方API

2）弓长步又的博文，北冥没有鱼的博文

3）在说一下我自己的项目：

后台使用的是python，

先看一下后台返回的数据：

html = ''
for press in press_list:
    html += u''
return html

前端写入数据：（样式使用的layui，JS使用的jquery）

    
    
    


    

        

            测试input标签
                

                    

                    

                    
                    
                
        
    

总结：

addField(field,options)

addField方法的参数

field就是要动态添加校验规则表单元素的name，即例子中的 pushMenu['+(n-1)+'].text

options实际就是校验规则   即例子中的{
                validators: {
                    notEmpty: {
                        message: '推送业务内容不能为空'
                    }
                }