jquery - 强制基础遵守验证

Question

我正在将 abide 与 zurb Foundation 一起使用。

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

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

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

Answer 1

你可以试试这个:

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

将 #myForm 替换为您的表单 ID。这将触发表单的更改，从而使 Abide 正常工作。

来源:Manually triggered Abide validation in Zurb Foundation

我还在 Github 上发现了这个线程，其中讨论了在输入的父元素上放置 error 类:Abide - force displaying of some errors on page load .