如何在使用Bootstrap文件输入时阻止表单提交

Question

我正在使用this Bootstrap功能上传图片。我所遵循的例子是数字1.

我添加了data-属性来验证上传的图片（例如，如果选择的图片超出允许的高度）。

<form:input ...
     type="file"        
     cssClass="file"        
     data-show-upload="false"
     data-show-caption="true"
     data-max-image-height="800"
     data-msg-image-height-large="Error"
     />

一切正常，如果检测到错误，页面上会显示错误，如您所见：

现在，我的问题是：如果输入文件字段中存在错误，如何阻止表单的提交？

我尝试过类似下面的代码，但验证器似乎没有意识到输入文件字段中存在错误。 重要提示：验证程序会识别data-minlength之类的其他“boostrap”错误并正确阻止表单的提交

('.myForm').validator().on('submit', function (e) {     
      // ERROR
      if (e.isDefaultPrevented()) { 
         alert("Error");             
      }
      // NO ERROR
      else {             
          alert("NO Error");                
      }
    })

提前谢谢