Inhabilitar Botones Cuando un Input es Vacio

[superdober]

Tengo el siguiente codigo fuente con lo que pretendo que si el Input esta vacio quiero deshabilitar el boton, en el momento que se escriba algo en el Input quiero que se vuelva a habilitar. Mi codigo es el siguiente pero no me funciona, me podeis dar alguna idea para conseguir que me funcione. Muchas Gracias de antemano.

Código:

<input type="submit" id="sin_ventas" name="sin_ventas" value="Sin Ventas" onkeyup="es_vacio();" onclick="return sin_ventas();"/>

La Funcion es_vacio(); es la siguiente:

Código:

<script language="javascript" type="text/javascript">
function es_vacio()
  {
   if (document.getElementById('numero_envio').value=="")
      {	  
        document.getElementById('sin_ventas').disabled=true;
       }
   else
        {
          document.getElementById('sin_ventas').disabled=false;
         }
   }		    
</script>

GRACIAS ¡¡¡¡

[lobo_php]

que tal si primero lo pones vacio y luego lo habilitas segun el evento del input, por ejemplo

Código html:

<input type="text" id="venta1" name="venta1" onChange="es_vacio()">
 
<input type="submit" id="sin_ventas" disabled="disabled" value="sin ventas" name="sin_ventas">
 

luego la funcion es_vacio()

Código javascript:

function es_vacio(){
  var campo1 = document.getElementById("venta1").value;
  if(campo1 != ""){
    document.getElementById("sin_ventas").removeAttribute('disabled');
  }
  else{
    document.getElementById("sin_ventas").setAttribute('disabled', 'disabled');
  }
}
 

[TonyChile]

onkeyup="es_vacio();" se ejecuta cuando se levanta una tecla pulsada
por lo tanto no esta siendo de gran ayuda a tu codigo debes hacerlo con onchange

[caricatos]

Hola:

Hoy justamente respondí sobre deshabilitar algo con setAttribute/removeAttribute, y es un trabajo añadido innecesario... la idea es buena, pero mucho más sencillo es:

onchanche="sin_ventas.disabled = this.value == ''"

Saludos

[lobo_php]

pense que el .disabled no funcionaba xD no me atrevia a probarlo. pero veo que se puede, la cosa es que hay q quitarlos por que en firefox, asi este disabled="" lo pone disabled, en cambio en IE no. entonces tocaria "removeAttribute" si usa el firefox

[caricatos]

Hola:

En javascript disabled es un atributo lógico o booleano, o sea que solo puede ser cierto o falso... no sé muy bien como lo implementan los distintos navegadores, pero cuando no se quiere deshabilitar algo lo mejor es no declararlo (vale también para readonly)...

El ejemplo que puse vale no solo para disabled, sino para readonly, selected (en los select) y en los botones submit y reset para validar y resetear... o sea lo falso no valida en los botones submit, ni resetea en lo tipo reset, así como no selecciona en los select (aunque el manejo de los select es otra cosa y no voy a profundizar...)

Saludos

[superdober]

La Solucion es:

PASO 1: FUNCION JAVASCRIPT

Código:

<script language="javascript" type="text/javascript">
function es_vacio()
  {
  
   if (document.getElementById('numeroenvio').value=="")
      {	  
       document.getElementById('sin_ventas').disabled=true;
       document.getElementById('todo_vendido').disabled=true;
      }
  
   else {
         document.getElementById('sin_ventas').disabled=false;
         document.getElementById('todo_vendido').disabled=false;
         }
   }	
   	    
</script>

PASO 2: INPUT

Código:

  <input type="text" name="numeroenvio" id="numeroenvio" maxlength="5" size="30" onkeyup="es_vacio()"/>

PASO 3: BOTONES

Código:

<input type="submit" disabled="true" id="sin_ventas" name="sin_ventas" value="Sin Ventas" onclick="return sin_venta();"/>      
   

 <input type="submit" disabled="true" id="todo_vendido" name="todo_vendido" value="Todo Vendido" onclick="return todos_vendido();"/>

Gracias por vuestra colaboración.

[lobo_php]

ese readonly no me funciona con IE xD como lo ponga no me funciona, solo si lo pongo desde el html, pero bueno eso no cabe en este topic.

[caricatos]

Iniciado por lobo_php

ese readonly no me funciona con IE xD como lo ponga no me funciona, solo si lo pongo desde el html, pero bueno eso no cabe en este topic.

Hola:

readonly con javascript se escribe con "O" mayúscula...

readOnly... seguro que hay algo sobre este tema en nuestras magníficas FAQs...

Saludos

[lobo_php]

ahh que chanfle. y luego mis compañeros se burlan que por que tengo 5 navegadores instalados xD

es que si no me funciona con UNO!!!
no importa si los otro me funcionan, si no me funciona con UNO!!! no funciona...

[martha1712]

<script language="javascript" type="text/javascript">
// Chequeamos si un campo determinado esta vacio y desactivamos
// o activamos el boton de envio
function chequea(campo,boton){
if (campo.value != ""){
boton.disabled=false;
} else {
boton.disabled=true;
}
}
</script>

en el input

<input type="text" name="obligatorio" onKeyup="chequea(this,this.form.enviar)">

en el boton

<input type="submit" name="enviar" disabled=true>

es un ejemplo y si funciona con input
no se si alguien me podria ayudar necesito hacer lo mismo pero en 3 input no solo en uno
Espero me ayuden Gracias de antemano!!!!!