29 lines
795 B
HTML
29 lines
795 B
HTML
|
<div id="signPad" class="sigPad col-6">
|
||
|
<p class="drawItDesc">Draw your signature</p>
|
||
|
<a class="signPadClear" href="#clear">Clear</a>
|
||
|
<div class="sig sigWrapper">
|
||
|
<canvas id="canvasSign" class="pad" width="400px" height="200px"></canvas>
|
||
|
<input type="hidden" name="signature" class="output">
|
||
|
</div>
|
||
|
</div>
|
||
|
<script>
|
||
|
$('#signPad').signaturePad({
|
||
|
drawOnly: true,
|
||
|
defaultAction: 'drawIt',
|
||
|
validateFields: false,
|
||
|
lineWidth: 0,
|
||
|
output: 'signature',
|
||
|
sigNav: null,
|
||
|
name: 'signature',
|
||
|
clear: '.signPadClear',
|
||
|
typed: null,
|
||
|
typeIt: null,
|
||
|
typeItDesc: null,
|
||
|
drawItDesc :'.drawItDesc',
|
||
|
validateFields :true,
|
||
|
errorClass :'error',
|
||
|
errorMessage :'Please enter your name',
|
||
|
errorMessageDraw :'Please sign the document'
|
||
|
|
||
|
});
|
||
|
</script>
|