Validar form - Culpable: onChange

Werlisa · #1 (**permalink**) 19/05/2011, 13:44

Me pueden ayudar a validar este form? Por lo visto el atributo onChange es el culpable. Si tienen alguna sugerencia o saben de otra forma de realizar este form se lo agradeceria mucho.

Código:

<head>
<script type="text/javascript">
function abreSitio(){
var URL = "http://";
var web = document.provincia.sitio.options[document.provincia.sitio.selectedIndex].value;
window.open(URL+web, '_blank', '');
}
</script>
</head>

<body>
<form name="provincia" target="_blank">
<select style="width:300px;" name="sitio" onChange="javascript:abreSitio()">
<option>Viviendas en Alquiler por Provincia - Elija Una</option>
<option value=".../alquiler-por-provincia/?ubicacion=barcelona">Barcelona</option>   
<option value="..../?ubicacion=Madrid">Madrid </option>
....
</select>
</form>
</body>

Saludos

zerokilled · #2 (**permalink**) 19/05/2011, 13:53

buenas,
un factor puede ser que el navegador no reconoce la referencia al formulario. es decir, el objeto document.nombre_formulario. tendrias que usar otro metodo similar, document.forms['nombre_formulario']. la otra razon puede ser por el valor de los options. fijate que al final no se forma una URL valida debido a los puntos de inicio en el valor del option. supongo que esta asi de forma temporera para no publicar el dominio. de todos modos, puedes usar una forma mas comoda y corta pasandole como argumento a la funcion el valor del option seleccionado. simplemente declaras un argumento en tu funcion, y al invocarla (en el evento onchange) le pasas como parametro this.value. en tu funcion, trabajas a partir del argumento, no necesitas mas realizar la referencia al select.

IsaBelM · #3 (**permalink**) 19/05/2011, 13:53

qué quieres validar?? como no te refieres a esto

Cita:

Werlisa · #4 (**permalink**) 19/05/2011, 16:23

Cita:

Iniciado por zerokilled

buenas,
un factor puede ser que el navegador no reconoce la referencia al formulario. es decir, el objeto document.nombre_formulario. tendrias que usar otro metodo similar, document.forms['nombre_formulario']. la otra razon puede ser por el valor de los options. fijate que al final no se forma una URL valida debido a los puntos de inicio en el valor del option. supongo que esta asi de forma temporera para no publicar el dominio. de todos modos, puedes usar una forma mas comoda y corta pasandole como argumento a la funcion el valor del option seleccionado. simplemente declaras un argumento en tu funcion, y al invocarla (en el evento onchange) le pasas como parametro this.value. en tu funcion, trabajas a partir del argumento, no necesitas mas realizar la referencia al select.

Gracias por vuestras respuestas...podrias enseñarme como aplicar esta solución?

zerokilled · #5 (**permalink**) 19/05/2011, 16:24

lee la respuesta de @isabelm.

Werlisa · #6 (**permalink**) 19/05/2011, 17:20

Al final era tan fácil como renombrar onChange por onchange...ahora si q valida el código!! Q cosas..eh?

La parte positiva es q creo haber encontrado una forma mas sencilla de realizar este form, a ver q les parece.

Código:

<form name="alquiler" action="#">
<select style="width:300px;" name="provincias"
 onchange="location.href=alquiler.provincias.options[selectedIndex].value" >
<option>Viviendas en Alquiler por Provincia - Elija Una</option>
<option value="/alquiler-por-provincia/?ubicacion=barcelona">Barcelona</option>   
<option value="/alquiler-por-provincia/?ubicacion=Madrid">Madrid </option>
<option value="/alquiler-por-provincia/?ubicacion=Malaga">Málaga </option>      
<option value="/alquiler-por-provincia/?ubicacion=Alava">Alava  </option>
.....
</select>
</form>

Saludos y gracias por su atención.

zerokilled · #7 (**permalink**) 19/05/2011, 17:56

pues en realidad el onChange no fue la solucion. en este codigo ahora cambiastes la url, el cual es valida. antes tenias unos puntos adicionales que no hacian sentido. y por otro lado, tambien cambiastes window.open por location.href. de por si, html no toma en consideracion la capitalizacion de los caracteres, por lo que onchange y onChange los considera por igual.

Werlisa · #8 (**permalink**) 19/05/2011, 18:13

Cita:

Iniciado por zerokilled

pues en realidad el onChange no fue la solucion. en este codigo ahora cambiastes la url, el cual es valida. antes tenias unos puntos adicionales que no hacian sentido. y por otro lado, tambien cambiastes window.open por location.href. de por si, html no toma en consideracion la capitalizacion de los caracteres, por lo que onchange y onChange los considera por igual.

Bueno, en realidad lo de los puntos lo hice a proposito para esconder la url como bien apuntaste al principio y te puedo asegurar q el código a validado en cuanto he renombrado onchange. Disculpa si no puntualize lo de los puntitos..