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!