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和名称。我使用Chromes调试工具更进了一步，并在控制台中编写了以下代码：

。

$（ '＃jobForm'）validationEngine（ 'hideAll'）延迟（3000）;

当表单验证错误出现时。这回来时出现错误'Type Error'。

从这一点开始，我不确定如何解决这种类型错误。

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

更新

Div Classes的名称不相同，由于某种原因，div的第一部分是表单字段的名称，例如jdesformError parentFormjobForm formError

然而，最后两个部分似乎是一致的。

我在控制台试了这个 - $（'。jdesformError parentFormjobForm formError'）。延迟（1000）.trigger（'click'）;

并且它以漂亮的颜色传递，然而，当我点击它时，'错误'字段没有消失，它是否与我正在使用的显示框有关？

Answer 1

这是一种方法：

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

使用Form Validator插件时出现jQuery延迟错误

1 个答案: