Zurb Foundation 验证后显示模态

Zurb Foundation show modal after validation

我在我的项目中使用 Foundation。提交表单后,会打开模态并显示一些消息。如果验证正常,我想打开模态。如何做到这一点?我已经尝试添加属性数据显示等,但没有任何反应。

对于模式使用这个很棒的包 peppelg:bootstrap-3-modal

HTML

<template name="exampleModal">
<!-- Modal Stuff -->
</template>

这就是我们的验证结果

JS

Template.example.rendered = function(){
$('#myForm')
      .on('invalid.fndtn.abide', function () {
        var invalid_fields = $(this).find('[data-invalid]');
        console.log(invalid_fields);
      })
      .on('valid.fndtn.abide', function () {
            Modal.show('exampleModal') //on valid we show the modal super easy
      });
}