單擊提交按鈕之前，如何檢查圖像是否已生成？

Question

我正在創建一個利用jSignature捕獲用戶簽名的ASP.NET MVC5應用程序。 如果您不熟悉該插件，則如下所示：

當用戶單擊“保存”時，將生成其簽名的圖像並將其保存在簽名板下方的<img/> ：

我想做一些前端驗證，以確保用戶單擊“保存”，並因此在提交整個表單之前生成了簽名圖像。 如果可能的話，我想使用jQuery。 我有一個我認為該代碼應該是什么樣的偽代碼模型，但是我很難將其轉換為實際用途：

$("#entireFormSubmitButton").click(function(){
   if($("#imageOfSignature").doesNotExistOnPage){
      alert("Your signature is required before submitting this form");
      // also block the user from submitting form until signature provided
   }
});

我很難編寫這段自定義的前端驗證，因為ASP.NET已經為我完成了大部分工作，以確保填寫所有其他必填字段。 我可以得到一些幫助，將其轉換為工作代碼嗎？

Answer 1

 $("#entireFormSubmitButton").click(function(e){
       //block the user from submitting and check for signature
       e.preventDefault();
       if( $("#imageOfSignature").length == 0 || 
           $("#imageOfSignature").attr("src") == "" || 
           $("#date-of-birth-input").val() == ""){
          alert("Your message");
       } else {
           //all good, an image exists
           $(this).closest('form').submit();
       }
    });