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

时间:2015-06-26 19:54:53

标签: jquery forms validation zurb-foundation

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

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

我当然能够使用jQuery来获取文件大小,并且我已经根据文件大小创建了一个if语句。如果文件大小超过3MB,则会显示警报。这很有效。

如果在警报的同一个地方放入了Abide在输入验证失败时操作的代码,我应该能够根据附件的类型和大小调整Abide进行验证。

我希望有人可以告诉我,当表单输入验证失败时,添加/删除哪些类/属性。我知道“小类=”错误“”HTML变得可见,但我不确定调用哪个类使其可见,例如。我也不确定Abide如何禁用“提交”按钮。

1 个答案:

答案 0 :(得分:0)

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

如果没有您的代码示例,很难证明是一个有效的解决方案,但我会在这里看一下:

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

滚动到:

自定义命名模式

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