Error al validar un formulario en IE

[Janlu]

Hola, a ver si alguien me puede hechar una mano en esto

Tengo un formulario en el cual necesito validar dos campos, valido con la siguiente en un archivo externo 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 problema es que en Firfox, chrome funciona todo ok, pero en Internet Explorer no funciona.
Como puedo solucionar esto, gracias

[GeekGirl]

Qué error da en IE? Cómo levantas los valores de varCliente y varCodProducto?

[Janlu]

No me explique muy bien
El script solo comprueba que esos valores no esten en blanco
IE no da un error estrictamente, lo que ocurre es que esos valores se introducen una base de datos y los campos no aceptan el NULL.
Explorer no ejecuta ese codigo de validacion y directamente me informa de que esos campos no pueden ser null.

[GeekGirl]

Con los datos que pasas no alcanza para solucionar el problema. Explica como obtienes varCodProducto y varCliente. Sino no hay caso

[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.

[caricatos]

Hola:

varCliente "a secas" no vale... si es el id de un elemento debe usarse document.getElementById("varCliente"), y si es el atributo name de un control debes referenciarlo desde el formulario: document.forms[el_que_sea],

Saludos

[GeekGirl]

A tu función le falta declarar las variables varCliente y varCodProducto como me suponía. Debería ser así:

Código Javascript:

function validacion () {
 
var varCliente     = document.getElementById("varCliente");
var varCodProducto = document.getElementById("varCodProducto");
 
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;
};
 

Saludos :)

[Janlu]

Pues si ese era el error, pero por que funcionaba en todos los navegadores excepto en IE?