欧芹验证后提交表单时无法显示 GIF

Question

我想在parsley成功后在表单提交上显示GIF，所以条件是提交表单字段并验证成功后我需要显示gif 只有当表单正在提交

我试过了

$(document).ready(function () {
     $('#adform').parsley({
              trigger: 'change',
              successClass: "is-valid",
              errorClass: "is-invalid text-danger",
              errorsWrapper: '<div class="input-group"></div>',
              errorTemplate: '<small class="form-text text-danger"></small>',
     });
 })
       .submit('form:submit', function () {
            $("#subloa").css("display", "block");
        });

但不触发验证。

那么如何在欧芹中显示 GIF？

Answer 1

尝试

$(document).ready(function () {
     $('#adform').parsley({
              trigger: 'change',
              successClass: "is-valid",
              errorClass: "is-invalid text-danger",
              errorsWrapper: '<div class="input-group"></div>',
              errorTemplate: '<small class="form-text text-danger"></small>',
     })
       .on('form:submit', function () {
            $("#subloa").css("display", "block");
        });
});

欧芹验证后提交表单时无法显示 GIF

Unable to display GIF while submitting form after parsley validation

gif

parsley.js