动态生成的HTML代码pintuer验证表单没有效果

Question

动态生成的HTML代码

<script>
$(document).ready(function() {
    $("#addrow").click(function(){
        $("#foot_tr").append("<tr><td><div class='form-group field'><input name='name[]' type='text' class='input_edit' data-validate='required:不能为空'></div></td><td><div class='form-group field'><input name='visit[]' type='text' class='input_edit' data-validate='required:不能为空,number:请输入正确的数字'></div></td></tr>");
        });
    });
</script>

用的是pintuer（拼图）验证表单是否为空，在直接写的HTML中就没问题，问题就是JS动态生成的HTML表单没办法验证，求教各位大神，要怎么解决？

Answer 1

 添加后重新初始化过pintuer插件，应该是pintuer的初始化完毕了你再加肯定不会有效果的。

$("#addrow").click(function(){
        $("#foot_tr").append("<tr><td><div class='form-group field'><input name='name[]' type='text' class='input_edit' data-validate='required:不能为空'></div></td><td><div class='form-group field'><input name='visit[]' type='text' class='input_edit' data-validate='required:不能为空,number:请输入正确的数字'></div></td></tr>");

                //////////pintuer初始化代码
        });