簽名板驗證

Question

我有一個使用jqm的多頁表單。最後兩頁使用Thomas j bradleys簽名板。我使用jquery validate插件在每個頁面移動之前對其進行驗證。

我無法獲得jquery驗證插件來驗證是否是簽名。

這是我用於驗證的代碼。所有這一切工作正常，只需要添加的簽名驗證英寸

$("#breakinform").validate({ 
    rules: { 
    sitename: { 
     required: true,    
    }, 
    Address: { 
     required: true,    
    }, 
    BreakInDate: { 
     required: true,    
    }, 
    recafcheckbox: { 
     required: true, 
    }, 
    sigPad: { 
     required: true, 
    }, 
    }, 
    messages: { 
    sitename: { 
     required: "Please Enter Site Name",    
    }, 
    Address: { 
     required: "Please Enter Address",    
    }, 
    BreakInDate: { 
     required: "Please Enter Date",    
    }, 
    recafcheckbox: { 
     required: "Please Confirm",    
    }, 
    sigPad: { 
     required: "Please Sign In The Box",    
    }, 
    } 
}); 

//打破

$("a.check").click(function(){ 
    if($("#breakinform").valid()){ 
    } else { 
    navigator.notification.alert(
     "Please Fill In The Required Fields!", 
     callBackFunctionB, // Specify a function to be called 
     'Missing Data', 
     "OK" 
    ); 
    function callBackFunctionB(){ 
     console.log('ok');  
    } 
    return false; 
    } 
}); 

Answer 1

@ Hunty3000，我不認爲你可以使用jQuery的驗證插件驗證您的畫布，爲什麼不使用Signature Pad的內置驗證？

方法如下： http://thomasjbradley.ca/lab/signature-pad/#accept-form

如果您需要更多幫助，請不要猶豫，問。

Answer 2

，我曾經通過添加以下到我的 「submitHandler」 一種解決方法：

var result = true; 
    if ($('.sigPad input.output').length) 
    { 
     $('.sigPad input.output').each(function(){ 
      if ($(this).val().length == 0) result = false; }); 
    } 
    if (!result) return false; 

，並保持signaturePad的 「validateFields」 選項設置爲true。