Zurb Foundation 验证后显示模态

Question

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

Answer 1

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

Zurb Foundation 验证后显示模态

Zurb Foundation show modal after validation

jquery

meteor

zurb-foundation