Descativar boton hasta que se llene campo de texto

[crucifijo]

Hola amigo, tengo la siguiente duda tengo un formularion en html con 2 campos de texto que se llaman:

<input type="text" name="concepto" id="concepto" />
<input type="text" name="observaciones" id="observaciones" />

despuest tengo 2 botones que son:

<input type="enviar" name="enviar" value="Agregar" />

<input type="enviar" name="enviar" value="Continuar" />

Mi duda es que tengo ¿ como puedo desactivar el boton continuar hasta que detecte que en los campos de texto se tenga datos o caracteres, ya que si tienen informacion los campos de texto se active el boton de continuar y si no tienen informacion este desactivado el boton continuar?

[GROGUI2]

Iniciado por crucifijo

Hola amigo, tengo la siguiente duda tengo un formularion en html con 2 campos de texto que se llaman:

<input type="text" name="concepto" id="concepto" />
<input type="text" name="observaciones" id="observaciones" />

despuest tengo 2 botones que son:

<input type="enviar" name="enviar" value="Agregar" />

<input type="enviar" name="enviar" value="Continuar" />

Mi duda es que tengo ¿ como puedo desactivar el boton continuar hasta que detecte que en los campos de texto se tenga datos o caracteres, ya que si tienen informacion los campos de texto se active el boton de continuar y si no tienen informacion este desactivado el boton continuar?

Hola. Si usas HTML5 puedes poner el atributo required a los campos obligatorios


<input type="text" name="concepto" id="concepto" required/>
<input type="text" name="observaciones" id="observaciones" required/>

Comprueba qué navegadores lo soprtan, puedes usar esta pagina http://www.html5test.com/

[zalito12]

Hola,
Como bien te han dicho, HTML5 podría solucionar tu problema fácilmente, pero como yo no lo he usado todavía te daré una solución un poco más primitiva.

Código PHP:

  <script>
function validar(){
  var text1 = document.getElementById("concepto");
  var text2 = document.getElementById("observaciones");
  if(text1.value != "" && text2.value != ""){
      document.getElementById("enviar").disabled = "";  
  }else{
    document.getElementById("enviar").disabled = "disabled"; 
  }
}
</script>
<form method="post" action="">
<input type="text" name="concepto" id="concepto" onkeyup="validar();"/>
<input type="text" name="observaciones" id="observaciones" onkeyup="validar();"/>
<input type="enviar" name="enviar" value="Agregar" /> 
<input type="submit" name="enviar" value="Continuar" id="enviar" disabled="disabled"/>
</form> 
  

Eso debería funcionar, aunque no sé lo funcional que es el evento onkeyup, en chrome funciona por lo menos tu me dirás ;)

[emprear]

Iniciado por crucifijo

Hola amigo, tengo la siguiente duda tengo un formularion en html con 2 campos de texto que se llaman:

<input type="text" name="concepto" id="concepto" />
<input type="text" name="observaciones" id="observaciones" />

despuest tengo 2 botones que son:

<input type="enviar" name="enviar" value="Agregar" />

<input type="enviar" name="enviar" value="Continuar" />

Mi duda es que tengo ¿ como puedo desactivar el boton continuar hasta que detecte que en los campos de texto se tenga datos o caracteres, ya que si tienen informacion los campos de texto se active el boton de continuar y si no tienen informacion este desactivado el boton continuar?

Pregunto?
Y el botón "agregar", que papel cumple, no tendría que estar desactivado también hasta que los campos tengan contenido?
¿Y en cuanto al valor de los campos?, puede ir cualquier contenido?, con el código de @zalito12, si solo introducen espacios en blanco el botón se habilitaría.
Finalmente el type="enviar" no es un valor válido para un campos de formulario.

Saludos

[zalito12]

Si, yo no he controlado los espacios en blanco ni niguna longitud mínima, solo puse para las exigencias que pedía.
Ah, ahora al leerlo me acorde, cambien el type="enviar" por type="submit" ya que como dice emprear no es un valor válido y no funcionaría como botón :)