No me va el javascrit con IE8 ni mozilla

Dgor · #1 (**permalink**) 04/08/2009, 05:18

Soy novato en esto de programación web y tengo un sencillo formulario con tres campos de texto que lo valido o tendría que validar con un pequeño trozo de javascript que no se porque no me funciona ni con IE8 ni con el mozilla ni con el chrome sin embargo con el IE7 si me funciona.. aquí os pongo mi sencillo código para ver si dais con algo que yo hasta ahora no... gracias de ante mano...

Código:

<head>
     <script type="text/javascript" src="validacion.js"></script>
    <script type="text/javascript" src="calendario_head.js"></script>
    <script type="text/javascript" src="overlib_mini.js"></script> 
<head>
<body>
     <h2>Formulario de Reservas</h2>

     <div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
											
               	<form name="sample" action=""  method="post" style="display:block;border:1px solid #DDDDFF;background-color:#EEEEFF;padding:3px" onsubmit="return validacion()">
				<p  class="fecha">Fecha de Inicio: <input type="text" name="T1" size="20" readonly="true">  
				<a href="javascript:show_calendar('sample.T1');" onMouseOver="window.status='Date Picker'; overlib('Haga click aqui para seleccionar una fecha de inicio'); return true;" onMouseOut="window.status=''; nd(); return true;"><img src="show-calendar.gif" width=24 height=22 border=0></a>
				</p>
				<p class="fecha">Fecha de Fin    :     <input type="text" name="T2"	size="20" readonly="true">  
				<a href="javascript:ggPosX=5;ggPosY=200;show_yearly_calendar('sample.T2');" onMouseOver="window.status='Date Picker'; overlib('Haga click aqui para seleccionar una fecha de fin'); return true;" onMouseOut="window.status=''; nd(); return true;"><img src="show-calendar.gif" width=24 height=22 border=0></a>
				</p>
							
	   <input type="hidden" name="mode" value="reserva" />	
	  <br/>
	   <p class="fecha">Tipo :
				    		<select id="clase" name="clase">
								  <option value="Todos" selected="selected">Todos</option>
								
								  <option value="Turismo">Turismo</option>
								  <option value="Comercial">Comercial</option>
								</select>
							</p> 
								 
							<p><input type="submit" value="Buscar" name="B1"><input type="reset"
							value="Borrar" name="B2"></p>
						</form>
						
						
						

			<div style="width:100%;clear:both;"></div>

</body>

AQUI VA EL TOZO DE CODIGO QUE ESTA EN UN FICHERO (validación.js)


function validacion(){
	var fecha1= document.getElementById("T1").value;
	var fecha2= document.getElementById("T2").value;
	var actual= new Date();
	var vec1= fecha1.split("-");
	var vec2= fecha2.split("-");
	var dia= actual.getDate();
	var mes= actual.getMonth();
	var anio= actual.getFullYear();
	var hoy= anio+"-"+mes+"-"+dia;
	
	if( !( /^\d{4}$/.test(vec1[0]) ) || !( /^\d{2}$/.test(vec1[1]) ) || !( /^\d{2}$/.test(vec1[2]) ) )  {
			alert('[ERROR] Debe seleccionar fecha de inicio valida');
			return false;}
		
	if( !( /^\d{4}$/.test(vec2[0]) ) || !( /^\d{2}$/.test(vec2[1]) ) || !( /^\d{2}$/.test(vec2[2]) ) )  {
			alert('[ERROR] Debe seleccionar fecha de fin valida');
			return false;}
		
	if(fecha1 > fecha2){
	                alert('[ERROR]La fecha de inicio no puede ser mayor al de fin');
	                return false;}
		

	return true;
}

Comentar que javascript esta activado en todos los exploradores, y el IE8 lo compare linea a linea en Herramientas/Opciones/Seguridad/Nivel Personalizado y no hay diferencia... saludos!

zerokilled · #2 (**permalink**) 04/08/2009, 17:30

primero, asignale los ID's correspondientes a los campos de fecha. es decir, la funcion getElementById busca por elementos que contienen el atributo id y no por name. y segundo, para comparar dos fechas, estas deben compararse como objetos. es decir, tienes que transformar cada campo en una fecha con Date y luego los comparas.

Dgor · #3 (**permalink**) 05/08/2009, 06:06

Bueno si tienes razón utilizaba getElementById cuando en realidad no tenia definido el id, el caso es que eso ya lo modifique y tampoco es el problema sigo igual que antes, no me sale mensaje alguno de validacion, con respecto a lo de las fechas pues se que se tienen que convertir en tipo objeto pero la verdad que soy nuevo en esto y no lo tengo claro como se hace, asi que recurri a un apaño que me funciona que es como lo tengo hecho, con una linea de codigo que me faltaria por mencionar pero como mi problema pasa por que no me sale mensaje alguno(no valida) en ningun explorador excepto en IE7 que si funciona.. gracias de todos modos y si quieres comentar lo de como pasar a objeto la fecha se agradece, saludos

zerokilled · #4 (**permalink**) 05/08/2009, 11:29

un ejemplo de como convertir la fecha de string a objeto.

Código:

	if(new Date(vec1.join("/")) > new Date(vec2.join("/"))){

para ver mas acerca del objeto Date, http://www.w3schools.com/jsref/jsref_obj_date.asp

Dgor · #5 (**permalink**) 06/08/2009, 10:11

Muchas gracias gracias zerokilled por tu aporte, ya hice los cambios pertinentes para la fecha, hoy ya cansado de buscar soluciones volví a rehacer de 0 el formulario y el código javascript aunque la verdad me quedo igual a lo que ya tenia la cuestión es que no se porque regla de tres ahora me funciona lo que antes no, así que lamento tener que decir que se soluciono algo sin darme cuenta del porque(practicamente fue copiar y pegar) por lo cual no puedo aportar nada a nadie si tuviese un problema similar, por decir algo que pudo haber sido un ; un espacio o algo que al rehacer lo arregle sin darme cuenta, así que este asunto doy por terminado, saludos!

Dgor · #6 (**permalink**) 06/08/2009, 10:13

Me dio error al enviar el mensaje así q envié dos veces el mismo mensaje(este es un mensaje editado), borrar este porque no veo la opción de eliminar post