twitter-bootstrap - Bootstrap ファイル入力を使用しているときにフォーム送信を防止する方法

Question

この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し、フォームの送信を正しく防止します。

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

前もって感謝します