1

我正在使用这个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"
     />

一切正常，如果检测到错误，错误会显示在页面上，如您在此处看到的：在此处输入图像描述

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

我尝试了类似下面的代码，但验证器似乎无法识别输入文件字段中存在错误。 重要提示：验证器识别出其他“boostrap”错误，例如data-minlength并正确阻止提交表单

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

先感谢您

4

0 回答 0