Problemas al validar select

popi · #1 (**permalink**) 16/03/2010, 09:24

Buenas a todos,

Tengo un problema cuando quiero validar un select sin utilizar alert. El problema esta en que al no seleccionar nada me da el error pero despues envia el formulario. Les añado el código a ver si me pueden ayudar ya que no doy con el problema.

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
.error {
display:none;
  }
</style>
</head>
<script type="text/javascript">

function hideAllErrors() {

document.getElementById("provinciaError").style.display = "none";
  }
 provincia = document.getElementById("provincia").value;
			 
			 
 function validacion(formmat){
 if (document.formmat.provincia.selectedIndex=="0"){

   hideAllErrors();
   document.getElementById("provinciaError").style.display = "inline";
   document.getElementById("provincia").select();
   document.getElementById("provincia").focus();

    return false;
           }
 }
</script>
<body>
<form name="formmat"   method="post" onsubmit="return validacion(this);" action="showentrada.php">

<select name="provincia"  size="3" style="width:173px;height:80px;border:none;"  >

	 <option value="0" selected>Seleccionar</option>
	 <option value="1" >Álava</option>
	 <option value="2" >Albacete</option>
	 <option value="3" >Alicante</option>
	 <option value="4" >Almería</option>

 </select>
						
  <div class=error id=provinciaError>

Campo obligatorio: Debes rellenar el campo Provincia

</div>	

 <input name="enviar" type="submit" value="enviar" />

</form>
</body>
</html>

Muchas gracias, un saludo

America|UNK · #2 (**permalink**) 16/03/2010, 14:44

Código Javascript:

Ver originalfunction hideAllErrors() {
    document.getElementById("provinciaError").style.display = "none";
}
 
var provincia;
 
function validacion(formmat){
    var p = formmat.provincia; 
    provincia = p.options[p.selectedIndex].value;
    if(p.selectedIndex=="0"){
        hideAllErrors();
        document.getElementById("provinciaError").style.display = "inline";
        //p.select();
        p.focus();
        return false;
    }
}

popi · #3 (**permalink**) 17/03/2010, 06:35

Buenas America|UNK,

Voy a provar este código que me has mandado a ver como va,

Gracias por la respuesta

popi · #4 (**permalink**) 17/03/2010, 06:58

Perfecto !!!

Ahora si funciona,

Muchas gracias por la ayuda, un saludo