基于文件大小使用Foundation的Abide验证

Question

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

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

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

如果我将输入验证失败时遵守操作代码放在与警告相同的位置，我应该能够根据附加文件的类型和大小进行调整以进行验证。

我希望外面的人能告诉我，当表单输入验证失败时，应该添加/删除哪些类/属性。我知道"small class=“错误”“HTML变得可见了，但是我不确定是什么类的调用使它变得可见。我也不确定要怎么做才能禁用“提交”按钮。

Answer 1

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

没有你的代码样本，很难证明一个可行的解决方案，但我会看看这里：

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

滚动到：

自定义命名模式

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