在 parsley.js 验证表单后显示加载 gif

Question

有一个上传表单，其中包含一些使用 parsley.js 进行验证的必填字段。我想在表单经过验证并开始实际上传后显示加载 gif。

我尝试使用 onsubmit 事件来调用一个函数，该函数将加载 gif 的可见性从隐藏更改为可见。但是，即使表单尚未经过验证，只要单击上传按钮，就会显示 gif。

提前致谢！

Answer 1

您必须使用 Parsley 事件 (http://parsleyjs.org/doc/index.html#psly-events-list) 并执行以下操作：

$('#form').parsley().subscribe('parsley:form:validated', function (parsleyForm) {
  if (true === parsleyForm.validationResult )
     // display gif
  else
     // do something else, or nothing
});

最好的