Zurb Foundation在验证后显示模态

Question

我在我的项目中使用了Foundation。提交表单时，将打开模态并显示一些消息。如果验证正常，我想打开模态。怎么做到这一点？我尝试过添加属性数据显示等但没有发生任何事情。

Answer 1

对于modales使用这个很棒的包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
      });
}