首页 > 解决方案 > 欧芹验证后提交表单时无法显示 GIF

问题描述

我想在 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?

标签: gifparsley.js

解决方案


尝试

$(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");
        });
});

推荐阅读