Hola chicos, como habéis visto algunos hace poco, estoy haciendo un sitio web que me han mandado en clase sobre sacar billetes de buses en php
Estoy teniendo un problema con validar dos campos input con Javascript, este es el código:
<script src='js/validarFormulario.js' type='text/javascript'></script>
<form name='index' id='formularioReg' enctype='multipart/form-data' onsubmit='return validarForm(this);' action='index.php' method='post'>
<table border='0px' class='block-centrado' style='text-align:center;' width='400px' cellspacing='20'>
<tr><td><h2>Origen:</td><td><input type='text' id='origen' name='origen' style='width: 170px;' value='' size='15'>
<tr><td><h2>Destino:</td><td><input type='text' id='destino' name='destino' style='width: 170px;' value='' size='15'>
<tr><td id='td-boton' colspan='2'><input type='submit' name='cmdNuevo' onclick='enviarFormulario('formularioReg');' value=' Buscar ' style='width:290px; height:50px; font-size: 22px;'/></td></tr>
El código Javascript
:
function validarForm(index) {
//----------------Validacion orígen-----------------//
if(index.origen.value.length==0 ) {
index.origen.focus(); // Damos el foco al control
alert('Debe escribir el or\u00EDgen.'); //Mostramos el mensaje
return false; //devolvemos el foco
}
//----------------Validacion destino-----------------//
if(index.destino.value.length==0 ) {
index.destino.focus(); // Damos el foco al control
alert('Debe escribir el destino.'); //Mostramos el mensaje
return false; //devolvemos el foco
}
//----------------Validacion ciudades de origen-----------------//
if ((index.origen.value == "pontevedra") || (index.origen.value == "cantabria") || (index.origen.value == "vizcaya")
|| (index.origen.value == "la rioja") || (index.origen.value == "leon") || (index.origen.value == "palencia")
|| (index.origen.value == "burgos") || (index.origen.value == "zaragoza") || (index.origen.value == "lleida") || (index.origen.value == "barcelona")
|| (index.origen.value == "madrid") || (index.origen.value == "sevilla") || (index.origen.value == "a coru\u00F1a") || (index.origen.value == "lugo")
|| (index.origen.value == "ourense") || (index.origen.value == "asturias") || (index.origen.value == "guipuzcoa") || (index.origen.value == "alava")
|| (index.origen.value == "navarra") || (index.origen.value == "valladolid") || (index.origen.value == "zamora") || (index.origen.value == "soria")
|| (index.origen.value == "segovia") || (index.origen.value == "salamanca") || (index.origen.value == "avila") || (index.origen.value == "huesca")
|| (index.origen.value == "teruel") || (index.origen.value == "tarragona") || (index.origen.value == "girona") || (index.origen.value == "castellon")
|| (index.origen.value == "valencia") || (index.origen.value == "alicante") || (index.origen.value == "murcia") || (index.origen.value == "guadalajara")
|| (index.origen.value == "cuenca") || (index.origen.value == "toledo") || (index.origen.value == "ciudad real") || (index.origen.value == "albacete")
|| (index.origen.value == "caceres") || (index.origen.value == "cordoba") || (index.origen.value == "jaen") || (index.origen.value == "huelva")
|| (index.origen.value == "granada") || (index.origen.value == "almeria") || (index.origen.value == "malaga") || (index.origen.value == "cadiz")
|| (index.origen.value == "badajoz")){
return true;
}
else{
alert("Por favor, escriba una ciudad espa\u00F1ola como destino sin may\u00FAsculas ni t\u00EDldes.");
return false;
}
//----------------Validacion ciudades de destino-----------------//
if ((index.destino.value == "pontevedra") || (index.destino.value == "cantabria") || (index.destino.value == "vizcaya")
|| (index.destino.value == "la rioja") || (index.destino.value == "leon") || (index.destino.value == "palencia")
|| (index.destino.value == "burgos") || (index.destino.value == "zaragoza") || (index.destino.value == "lleida") || (index.destino.value == "barcelona")
|| (index.destino.value == "madrid") || (index.destino.value == "sevilla") || (index.destino.value == "a coru\u00F1a") || (index.destino.value == "lugo")
|| (index.destino.value == "ourense") || (index.destino.value == "asturias") || (index.destino.value == "guipuzcoa") || (index.destino.value == "alava")
|| (index.destino.value == "navarra") || (index.destino.value == "valladolid") || (index.destino.value == "zamora") || (index.destino.value == "soria")
|| (index.destino.value == "segovia") || (index.destino.value == "salamanca") || (index.destino.value == "avila") || (index.destino.value == "huesca")
|| (index.destino.value == "teruel") || (index.destino.value == "tarragona") || (index.destino.value == "girona") || (index.destino.value == "castellon")
|| (index.destino.value == "valencia") || (index.destino.value == "alicante") || (index.destino.value == "murcia") || (index.destino.value == "guadalajara")
|| (index.destino.value == "cuenca") || (index.destino.value == "toledo") || (index.destino.value == "ciudad real") || (index.destino.value == "albacete")
|| (index.destino.value == "caceres") || (index.destino.value == "cordoba") || (index.destino.value == "jaen") || (index.destino.value == "huelva")
|| (index.destino.value == "granada") || (index.destino.value == "almeria") || (index.destino.value == "malaga") || (index.destino.value == "cadiz")
|| (index.destino.value == "badajoz")){
return true;
}
else{
alert("Por favor, escriba una ciudad espa\u00F1ola como destino sin may\u00FAsculas ni t\u00EDldes.");
return false;
}
}
El problema me surje con la validación de ciudades de destino, no me funciona y creo que es porque está antes el de validar ciudades de origen que es demasiado largo el if o no lo se, por eso acudo a vosotros
Cualquier ayuda será bienvenida y gracias de antemano
