在parsley.js验证表单后显示加载gif [英] Display loading gif after parsley.js validates form

问题描述

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

我试过使用onsubmit事件来调用一个函数，它将加载gif的可见性从隐藏变为可见。但是，即使表单未被验证，单击上传按钮时gif也会出现。

预先感谢！

你必须使用Parsley事件（ http://parsleyjs.org/doc/index.html#psly-events-list ）并做类似的事情：

if（true === parsleyForm.validationResult）$ parser（）。subscribe（'parsley：form：validated'，function（parsleyForm）
//显示gif
else
//执行其他操作，或者什么也不做
}）;

最佳

Have a an upload form with some required fields which uses parsley.js to validate. I want to display a loading gif after the form has been validated and the actual uploading starts.

I've tried using an onsubmit event to call a function which changes the visibility of the loading gif from hidden to visible. But the gif shows up when ever the upload button is clicked even if the form has not been validated.

Thanks in advance!

解决方案

You'll have to use Parsley events (http://parsleyjs.org/doc/index.html#psly-events-list) and do something like that:

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

Best

这篇关于在parsley.js验证表单后显示加载gif的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！