通过JQuery插入后，基础表单验证不工作

我有下面的表格

<form class="callback" data-abide="ajax">
              <div class="row">
                <div class="large-12 columns">              
                     <input type="text" name="clientName" required pattern="[a-zA-Z]+" placeholder="Nom complet">
                     <small class="error">Oublié de mettre votre nom? :)</small>
                </div>
              </div>

            <div class="row">
                <div class="large-12 columns">              
                     <input type="text" name="clientEnterprise" required placeholder="Entreprise">
                     <small class="error">Nous faisons affaire avec les entreprises!</small>
                </div>
            </div>

            <div class="row">
                <div class="large-12 columns">              
                     <input type="text" name="clientPhone" required pattern="[\+][1-9]" placeholder="Téléphone">
                     <small class="error">Le format requis est +199999999</small>
                </div>
             </div>

             <div class="row">
                <div class="large-12 columns">
                     <input type="email" name="clientEmail" placeholder="Email">
                     <small class="error">Une adresse email valide est requise</small>
                </div>
             </div>

            <div class="row">           
                <button  type="submit" class="button expand">Obtenez un rappel dans les 24h</button >
            </div>
            </form>

---

我想我也找到了这个问题的根源（#6407）。自从5.2发布以来，我已经经历了一段时间这个问题，我经历了从5.1.2开始的所有更新。 我发现以下变化在：（） 中断模式中的表单输入错误。 我认为这是因为字段被标记为隐藏，因为模式是隐藏的，并且由于新的更改没有验证隐藏的输入字段，所以错误不会弹出

我还修改了上面发布的Fiddle stavros zavrakas，以使用具有快速刷新率的live validate选项。 https://jsbin.com/weyizaniza/edit？html，js，output

如果您单击一个输入字段，然后从中单击，或者单击第一个表单中的另一个字段，您将看到错误立即弹出。在模态形式中，输入字段不会显示任何错误，因为它们未被验证

现在，请在附加5.5.1 JS的情况下尝试此操作：

---

验证代码在哪里？使用type+data-beford应该可以做到这一点，请选中try adding$（'.validate'）.attr（'data-beford'，''）；在$（document.foundation（）之前；这应该会像trickI那样做，但是它没有解决问题，因为它没有在输入下调用error类。。。。

$(document).on('open', '[data-reveal]', function () {
            var modal = $(this);
            console.log('modal will open');

            modal.append(*****The html code for the form here div*****);
        });