使用 Foundation 的 Abide 根据文件大小进行验证

Question

我正在使用 Foundation 创建一个带有表单的网站。为简单起见，我还使用 Abide 通过 JavaScript 验证表单。

一切都很好，包括基于文件类型的文件附件验证。不幸的是，似乎没有办法根据附件的大小来验证附件。

我当然可以使用 jQuery 来获取文件大小，并且我已经根据文件大小创建了一个 if 语句。如果文件大小大于 3MB，则会显示警报。这行得通。

如果在输入验证失败时我要在 Abide 操作的代码中放入警报的相同位置，我应该能够调整 Abide 以根据附件的类型和大小进行验证。

我希望有人能告诉我当表单输入验证失败时添加/删除哪些类/属性。我知道“small class="error"” HTML 变得可见，但我不确定这个类叫什么让它可见，例如。我也不确定 Abide 如何禁用“提交”按钮。

Answer 1

通过在 Foundation 初始化期间覆盖 Abide，您可以定义自己的自定义模式或覆盖默认模式以进行验证。

如果没有您的代码示例，很难证明一个可行的解决方案，但我会看这里：

http://foundation.zurb.com/docs/components/abide.html

滚动到：

自定义命名模式

利用这一点可以避免大量不必要的编码。