Hola amigos, verán me estoy iniciando en javascript. y he estado estudiando algunas cosillas "solo teoricas" el día de hoy quise comenzar a practicar los que ya se hacer pero mi codigo no me funciona.
Es muy sencillo, alguno de ustedes puee ayudarme.
Gracias.
Código Javascript
:
Ver original<script language="javascript" type="text/javascript">
function Formvalidar(){
var criterio = document.getElementsById('criterio').value,
caracters = /^[\w\,.!¿?'áéíóúÁÉÍÓÚñÑ\-@\s]+$/i;
//Actualizamos los errores
function updateTips(t){
document.getElementById('validateTips').innerHTML = t;
}
//valido campos vacios
function checkEmpty(a,b) {
if(a.length <= 0) { updateTips("Debes escribir un "+b+"."); return false; } else { return true; }
}
//valido longitudes
function checkLength(a,b,min,max){
if( a.length > max || a.length < min) {
updateTips("Tu "+b+" debe contener entre "+min+" y "+max+" caracteres"); return false; } else { return true; }
}
//valido caracteres alfanumericos
function checkCaracters(a,b){
if( !(caracters.test(a)) ) { updateTips("No se permiten caracteres especiales en "+b+"."); return false;} else{ return true; }
}
var bValid = true;
bValid = bValid && checkEmpty(criterio,"Criterio de búsqueda");
bValid = bValid && checkLength(criterio,"Criterio de búsqueda",3,20);
bValid = bValid && checkCaracters(criterio,"Criterio de búsqueda");
if(bValid) { updateTips("Todo esta correcto ya se puede buscar"); } else { updateTips("Todavia existen algunos errores"); }
}
</script>
Código HTML:
Ver original
<form action="" method="post"> <input type="text" name="criterio" id="criterio" onkeyup="Formvalidar()"/> <input type="submit" name="" value="Buscar" />
Lo que sucede es que no me imprime los mensajes, no esta ejecuntandose la funcion.
Muchas gracias amigos.