Error al validar un formulario en IE

[Janlu]

Bien copio aqui el codigo

en el index.php

<form method="post" name="form1" action="<?php echo $editFormAction; ?>" onsubmit="return validacion ()">

<label for="varCliente">Nom. Cliente</label>
<input type="text" id="varCliente" name="varCliente" value="" class="form-control">
<label for="varCodProducto"></label>
<input type="text" id="varCodProducto" name="varCodProducto" value="" class="form-control" >

<input type="submit" value="GUARDAR" class="btn btn-success btn-sm pull-right ">
<input type="hidden" name="MM_insert" value="form1">

</form>

logicamente en el head enlazo el archivo funciones.js

function validacion () {
if (varCliente.value == "") {
// Si no se cumple la condicion...
alert('El campo Cliente no puede estar vacio');
varCliente.style.backgroundColor = "#FFFFCC";
varCliente.focus();
return false;

}
else if (varCodProducto.value == "") {
// Si no se cumple la condicion...
varCliente.style.backgroundColor = "#CCFFCC";
alert('El campo Cod Producto no puede estar vacio');
varCodProducto.style.backgroundColor = "#FFFFCC";
varCodProducto.focus();
return false;

} else {
return true;
};
};

El funcionamiento en firefox por ejemplo es sencillo si los inputs se han completado escribe en la base de datos de lo contrario con un alert te avisa de que faltan esos campos, en IE no aparece ese mensaje y te dirección a un pagina con el error de escritura en la bd.