使用jquery验证动态生成的字段

Question

在我的项目中，我使用jquery动态生成html表单。这里的页面包含五个选项卡，每个选项卡都有单独的上一个和下一个该选项卡使用bootstrap设计。任何人都可以建议最简单的方法来验证此页面。即，当我单击第一个选项卡上的下一个按钮时，它应仅在第一个选项卡中验证字段，依此类推。请帮我解决这个问题。非常感谢提前。

我在我的js中添加了这个

$(document).ready(function(){
      var $validator = $("#id-fn-product").validate({
        errorPlacement: function (error, element) {
            var placement = $(element).data('error');
            if( $(element).hasClass('grp') ){
                error.insertAfter($(element).parent());
            }else{
                if (placement) {
                    $(placement).append(error)
                } else {
                    error.insertAfter(element);
                }
            }
        }
    });
});

在每个字段中添加required = true。这里＆＃34; id-fn-product＆＃34;是形式的身份。