Buenas!!
Tengo un problema al validar un formulario, con el evento onsubmit llamo a una funcion que valida los campos y avisa de los que faltan por rellenar o son incorrectos! El problema es que en firefox, chrome y demás navegadores funciona bien, pero si uso el IE al retornar de la funcion de validación recarga la pagina y borra lo que escribe dicha funcion!! Si hay campos sin rellenar muestro unos letreros, pero al recargarse la pagina se borran, solo me ocurre en IE.
El codigo es el siguiente:
Código HTML:
<FORM class="formulario" METHOD="POST" ACTION="save.php" onsubmit="return valida_envia(this); ">
<span id="info">Please fill your details</span>:<br/>
Name: <INPUT TYPE="text" NAME="name" id="input_name">
</FORM>
Código Javascript
:
Ver original<script type="text/javascript">
function valida_envia(F){
valid=true;
//valido el nombre
if (F.name.value.length==0){
celda = document.getElementById("input_name");
celda.style.backgroundColor="#ffcc66";
celda.style.border="2px solid #ff0000";
celda2 = document.getElementById("info");
celda2.style.color="#cc0000";
celda2.style.fontWeight="bold";
celda2.style.fontSize="18px";
valid=false;
}
else{
celda = document.getElementById("input_name");
celda.style.backgroundColor="#FFFFCC";
celda.style.border="#FF9933 1px solid";
}
return valid;
}
</script>
Gracias de ante mano. He probado a cambiar el evento onsubmit por un onclick y hacer el submit del formulario en la funcion validar, pero sigue sin funcionar, sigue recargando la pagina :(
Un saludo y gracias!