表单验证器插件的 jQuery 延迟错误

Question

我有一个使用 ZURB.org 脚本的弹出框（工作得很好）。在这个显示框中，我有一个表格，用户可以填写某些信息。这可以完美地使用该插件进行验证 - 呈现出漂亮且对齐的错误消息。

我的问题是，由于这是一个显示框，当用户单击显示框（退出）时，验证图标仍然显示在那里，直到用户手动单击它们。

我已经设法弄清楚，如果他们单击框顶部的“退出”图标，它将通过以下代码关闭它们：

<a class="close-reveal-modal" onclick="$('#jobForm').validationEngine('hideAll');">Exit</a>

然而，我现在想使用一些 jQuery 来自动“隐藏”这些比如说 3 秒后出现错误消息。

到目前为止，我的代码是：

<script>
$(document).ready(function() {
$("#job_submit").click(function() {
$('#jobForm').validationEngine('hideAll').delay(3000);
 });
 });
</script>

job_submit 是表单中“提交”按钮的 ID 和名称。我使用 Chrome 调试工具更进一步，在控制台中编写了以下代码：

$('#jobForm').validationEngine('hideAll').delay(3000);

当存在表单验证错误时。返回错误“类型错误”。

从现在起我不确定如何解决这个类型错误。

一如既往，非常感谢您的帮助。

更新

Div 类的命名不相同，由于某种原因，div 的第一部分是表单字段本身的名称，例如 jdesformErrorparentFormjobForm formError

但是，最后 2 部分似乎是一致的。

我在控制台中尝试过这个 - $('.jdesformError ParentFormjobForm formError').delay(1000).trigger('click');

它顺利通过了，但是，当我物理单击它时，“错误”字段并没有消失，这是否与我正在使用的显示框有关？

Answer 1

这是一种方法：

$(document).ready(function() {
    $("#job_submit").click(function() {
        // click all the errors at once
        $('.formError').delay(3000).trigger('click');
     });
});