Validación de combo con JavaScript

[pabloe9k]

Buenas tardes, amigos.
Estoy necesitando de su inestimable ayuda.
Quiero validar desde el lado cliente, con javascript, que siempre se seleccione un valor en campo. Para esto estoy utilizando una pequeña función que no logro hacer funcionar:

Código:

<script>
function validarRecepcionado()
{
variable1=document.getElementById("recepcionado_por");
if(variable1 != "")
{
document.getElementById("enviar_datos").disabled="false";
}
}
</script>

Y la parte HTML es esta:

Código HTML:

<form method="POST" action="#">

<select name="recepcionado_por" id="recepcionado_por" onblur="validarRecepcionado()">
	<option value=""></option>
	<option value="Manzana">Manzana</option>
	<option value="Mandarina">Mandarina</option>
</select>

<input type="submit" value="Guardar" id="enviar_datos" disabled="true" />

</form> 

Lo que busco es que en el evendo onblur (al sacar el foco del combo) se habilite el botón Guardar.
Es esto posible? Si es viable, en donde me estoy equivocando?

Muchas gracias a todos.
Saludos.

[Reedyseth]

Que tal compañero, primero que nada el evento no se dispara por que en vez de onblur tienes que usar onchange, y tambien tienes que hacer unas correcciones en el manejo del atributo disabled, mira asi es como tiene que quedar:

Código Javascript:

function validarRecepcionado() {
                variable1 = document.getElementById("recepcionado_por");
                if (variable1.value != "-1") {
                    document.getElementById("enviar_datos").removeAttribute("disabled");
                }
                else if (variable1.value == "-1") {
                    console.info("nada");
                    document.getElementById("enviar_datos").setAttribute("disabled","disabled");
                }
            }
 

Y tu HTML asi:

Código HTML:

<form method="POST" action="#" method="post">
 
            <select name="recepcionado_por" id="recepcionado_por" onchange="validarRecepcionado()">
                <option value="-1">Seleccione una Fruta</option>
                <option value="Manzana">Manzana</option>
                <option value="Mandarina">Mandarina</option>
            </select>
 
            <input type="submit" value="Guardar" id="enviar_datos" disabled="disabled" />
 
        </form>
 

Prueba y me comentas,

saludos

[pabloe9k]

Iniciado por Reedyseth

Que tal compañero, primero que nada el evento no se dispara por que en vez de onblur tienes que usar onchange, y tambien tienes que hacer unas correcciones en el manejo del atributo disabled, mira asi es como tiene que quedar:

Código Javascript:

function validarRecepcionado() {
                variable1 = document.getElementById("recepcionado_por");
                if (variable1.value != "-1") {
                    document.getElementById("enviar_datos").removeAttribute("disabled");
                }
                else if (variable1.value == "-1") {
                    console.info("nada");
                    document.getElementById("enviar_datos").setAttribute("disabled","disabled");
                }
            }
 

Y tu HTML asi:

Código HTML:

<form method="POST" action="#" method="post">
 
            <select name="recepcionado_por" id="recepcionado_por" onchange="validarRecepcionado()">
                <option value="-1">Seleccione una Fruta</option>
                <option value="Manzana">Manzana</option>
                <option value="Mandarina">Mandarina</option>
            </select>
 
            <input type="submit" value="Guardar" id="enviar_datos" disabled="disabled" />
 
        </form>
 

Prueba y me comentas,

saludos

Excelente!.
El único detalle es que cuando vuelves a seleccionar en el combo el valor "-1", el botón no se deshabilita, pero supongo que puedo vivir con eso, jeje.

Muchas gracias, Reedyseth!!