Signature Pad Validation

Question

J'ai un formulaire multipage utilisant jqm. Les deux dernières pages utilisent le tampon de signature Thomas j bradleys. J'utilise jquery validate plugin pour valider chaque page avant qu'elle ne bouge.

Je ne peux pas obtenir jquery validate plugin pour vérifier s'il s'agit d'une signature.

C'est le code que j'utilise pour la validation. Tout cela fonctionne très bien il suffit d'ajouter la validation de la signature.

$("#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",    
    }, 
    } 
}); 

// break

$("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, je ne pense pas que vous serez en mesure d'utiliser le plugin jQuery valider valider votre toile alors pourquoi ne pas utiliser la validation intégrée de Signature Pad?

Voilà comment: http://thomasjbradley.ca/lab/signature-pad/#accept-form

Si vous avez besoin de plus d'aide, ne hésitez pas à demander.

Answer 2

Une solution que je en ajoutant ce qui suit à mon "submitHandler": option

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

et de garder "validateFields" de signaturePad true.