Foros del Web » Programando para Internet » Javascript »

Descativar boton hasta que se llene campo de texto

Estas en el tema de Descativar boton hasta que se llene campo de texto en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 09/04/2012, 13:04
 
Fecha de Ingreso: septiembre-2003
Mensajes: 182
Antigüedad: 20 años, 6 meses
Puntos: 1
Información Descativar boton hasta que se llene campo de texto

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?
  #2 (permalink)  
Antiguo 09/04/2012, 13:20
 
Fecha de Ingreso: agosto-2010
Mensajes: 128
Antigüedad: 13 años, 7 meses
Puntos: 2
Respuesta: Descativar boton hasta que se llene campo de texto

Cita:
Iniciado por crucifijo Ver Mensaje
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/
  #3 (permalink)  
Antiguo 09/04/2012, 14:56
Avatar de zalito12  
Fecha de Ingreso: noviembre-2011
Ubicación: Coruña, España
Mensajes: 430
Antigüedad: 12 años, 4 meses
Puntos: 67
Respuesta: Descativar boton hasta que se llene campo de texto

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 ;)
  #4 (permalink)  
Antiguo 10/04/2012, 04:48
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Descativar boton hasta que se llene campo de texto

Cita:
Iniciado por crucifijo Ver Mensaje
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
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #5 (permalink)  
Antiguo 10/04/2012, 05:16
Avatar de zalito12  
Fecha de Ingreso: noviembre-2011
Ubicación: Coruña, España
Mensajes: 430
Antigüedad: 12 años, 4 meses
Puntos: 67
Respuesta: Descativar boton hasta que se llene campo de texto

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 :)

Etiquetas: formulario, html, input, botones, campos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:02.