estoy realizando una aplicación con CodeIgniter donde el usuario registra sus datos y hay un canva para que haga su firma. Lo que me piden es así como se validan los inputs que también se valide el canva, si el usuario no ha puesto nada que salga "la firma es necesaria" o algo así. Agradezco vuestra ayuda.
Vista donde se carga el canva, estoy usando el plugin signature_pad.min:
<div class="form-group prueba" >
<canvas id="signature" name="signature" width="355" height="150" style="border: 1px solid #ddd;" class="sig-canvas" aria-required="true"></canvas><br>
<a class="btn btn-primary " id="clear-signature">Limpiar Firma</a>
</div>
Js del canva :
jQuery(document).ready(function($){
var canvas = document.getElementById("signature");
var signaturePad = new SignaturePad(canvas);
$('#clear-signature').on('click', function(){
signaturePad.clear();
});
//Funcion donde guardara en un input type hidden el codigo base64 que generará el propio canva
function getSignaturePad() {
var imageData = signaturePad.toDataURL();
document.getElementById("datos-img").setAttribute("value", imageData);
}
//Al momento que se envie el formulario que se guarde en la carpeta del servidor la imagen generada en el canva
$('#form-registry-cliente').submit(function() {
getSignaturePad(); //Carga la funcion donde se genera la funcion donde se guarda la imagen
return true;
});
});
Controller:
Aqui guardo la firma en el servidor :
$img = $this->input->post('datos-img');
$img = str_replace('data:image/png;base64,', '', $img);
$img = str_replace(' ', '+', $img);
$img_data = base64_decode($img);
$ruta= $this->parametros_model->get_parametros('ruta_firmas');
$file = $ruta. $firma;
$success = file_put_contents($file, $img_data);
$image=str_replace('./','',$file);
Es todo lo que tengo del canvas.