javascript - Reveal Modal 中的基础表单 - 遵守验证事件未触发

Question

我正在为一个简单的网络应用程序进行登录/注册。我正在使用 Foundation 来做到这一点。索引页面显示登录屏幕和注册按钮，如果用户单击此按钮，则会出现包含注册表单的显示模式。该表单使用 abide 进行数据验证(电子邮件地址、匹配密码等)。我希望在出现任何验证错误时禁用“注册”提交按钮，然后在一切正常时不禁用“注册”提交按钮。

我已经使用了 Foundation Docs 上的代码它说:

$('#myForm')
  .on('invalid.fndtn.abide', function () {
    var invalid_fields = $(this).find('[data-invalid]');
    console.log(invalid_fields);
  })
  .on('valid.fndtn.abide', function () {
    console.log('valid!');
  });

出于某种原因(经过多次搜索后我找不到)这些事件没有触发。我的表单具有正确的 ID，我的 js 文件加载正确(我将 console.log 消息放在该 jquery 代码的两侧)，并且我尝试调用:

$(document).foundation('abide','events'); 

按照建议here 。但我仍然没有收到任何事件。

有什么想法吗？难道是因为我把它放在了模态中或者其他什么地方？

感谢您的宝贵时间。

编辑:我找到了此页面here其中说要添加:

$('#your_form_id').foundation({bindings:'events'});

而不是:

$(document).foundation('abide','events'); 

但这似乎也没有改变任何事情。

Answer 1

加载表单后尝试使用 $.getScript 来运行 JavaScript。

例如:

$('#myModal').foundation('reveal', 'open', {
    url: 'form.html',
    close_on_background_click:true,
    success: function(data) {
        $.getScript( "form.js", function() {}); 
    }
});