jquery - 强制基础遵守验证

Question

我在 zurb 基础上使用 abide。

我正在尝试根据字段的有效状态确定是否应该禁用表单的提交按钮。此外，我想让这些字段有效或无效。

在正常操作期间一切正常，但直到每个字段都被点击或更改。然后并且只有在那时才会调用验证器。由于这个事实，我无法判断表单在页面加载时是否有效。

在页面加载时，我想调用验证器以查看字段是否有效。我正在使用required,pattern和的组合data-abide-validator。

Answer 1

你可以试试这个：

$(document).ready(function() { 
    $("#myForm").trigger("change");
});

替换#myForm为表单的 ID。这将触发表单的更改，这将使 Abide 开始工作。

资料来源：Zurb Foundation 中手动触发的 Abide 验证

我还在 Github 上找到了这个线程，它讨论了error在输入的父元素上放置一个类：Abide - force display of some errors on page load。

Answer 2

在页面加载时，我想调用验证器以查看字段是否有效。我正在使用 required、pattern 和 data-abide-validator 的组合。

这对我来说没有意义，通常这些字段是空的并且无效，或者您是否预先填写表单字段？

如果您只想显示“错误”状态，Colin Marshall 已经给出了这个答案（https://github.com/zurb/foundation/issues/4106）