如果验证通过则显示加载屏幕

Question

我正在使用Bootstrap Validator（http://bootstrapvalidator.com/）进行表单验证。

我希望在提交表单时显示加载屏幕div，但只有当它通过验证时才会显示加载屏幕，此时加载屏幕刚出现时表单已提交且您无法返回表单。

我正在使用的代码来测试验证...

$('#defaultForm').submit(function(){
    $(defaultForm).data('bootstrapValidator').validate();
    if($(defaultForm).data('bootstrapValidator').isValid())
    { 
      $('#ajax-loading').show();
    }
});

Answer 1

找到答案，将show div和表单提交代码添加到submitHandler部分，如此。

 submitHandler: function(form) {
         document.getElementById("defaultForm").submit();
         $('#ajax-loading').show();
        },