jquery - 在 Zurb Foundation 中手动触发 Abide 验证

Question

我正在尝试为自己制作一个表单，但我需要根据表单输入是否正确来防止一些 UX 内容。有没有手动的api向表单字段发出验证例程的 api？我知道我可以收听验证后事件，但我实际上需要从外部源开始验证。

这可能吗？

Answer 1

您可以使用 jQuery 向表单发送更改事件：$("#myForm").trigger("change");
它将触发验证。

Answer 2

表单上接受的触发器对我不起作用。相反，使用$('#myForm').submit()成功会手动触发检查。如果您使用的是异步表单，您只需要在表单上做正确preventDefault的事情return false，这样它就不会像普通表单那样提交。我通过为我的表单添加一个名为data-ajax-submitor的通用类/数据属性来解决这个问题。ajax-submit

Answer 3

根据 Foundation 5.5.3 中的代码，您可以尝试以下代码：

$('#my_form').trigger('validate.fndtn.abide');