Saltar al contenido

Validación de formulario HTML y JavaScript

Imagen con evento onclick()
[php]
<form id="form" name="form" method="post" action="course_save.php">
<input type="hidden" name="course_task" id="course_task" value="update" />
<div class="guardar">
<img style="cursor: pointer;" src="<?php echo $urlSite; ?>images/guardar.jpg" onclick="sendForm();"/>
</div>
</form>
[/php]

Validación JS en el mismo documento HTML
[php]
<script type="text/javascript">
function sendForm(){
if (validarVacio(document.getElementById("course_name").value) == true){
document.getElementById("course_name").focus();
return false;
}
if (validarVacio(document.getElementById("course_description").value) == true){
document.getElementById("course_description").focus();
return false;
}
document.form.submit();
}

function validarVacio(cadena){
// DECLARACION DE CONSTANTES
var blanco = " \n\t  ,.-+*/" + String.fromCharCode(13); // blancos
// DECLARACION DE VARIABLES
var i; // indice en cadena
var es_vacio; // cadena es vacio o no
for(i = 0, es_vacio = true; (i < cadena.length) && es_vacio; i++) // INICIO
es_vacio = blanco.indexOf(cadena.charAt(i)) != – 1;

return(es_vacio);
}
</script>
[/php]

Si te ha interesado este artículo y deseas un apoyo o asesoría en algún requerimiento, envíame un mensaje a: (info@juliopari.com) o sino a través de Linkedin: https://www.linkedin.com/in/juliopari/