Foros del Web » Programando para Internet » Javascript »

Activar imput text solo si este esta vacio, y desabilitar cuando este con datos!

Estas en el tema de Activar imput text solo si este esta vacio, y desabilitar cuando este con datos! en el foro de Javascript en Foros del Web. Hola, quisiera saber si es posible realizar esto. Tengo lo siguiente: <input type="text" name="lastname" id="lastname" value="mi_valor"> Quisiera quee este campo estuviera habilitado solo si esta ...
  #1 (permalink)  
Antiguo 13/10/2015, 21:29
 
Fecha de Ingreso: mayo-2009
Mensajes: 2
Antigüedad: 13 años, 1 mes
Puntos: 0
Activar imput text solo si este esta vacio, y desabilitar cuando este con datos!

Hola, quisiera saber si es posible realizar esto.
Tengo lo siguiente:
<input type="text" name="lastname" id="lastname" value="mi_valor">
Quisiera quee este campo estuviera habilitado solo si esta vacio, en caso de que el usuario lo rellene y tras dar click en el boton guardar, el campo se vuelva Readonly para evitar el cambio.

Soy nuevo en esto y no tengo ni idea como realizarlo. :)
  #2 (permalink)  
Antiguo 14/10/2015, 00:10
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.539
Antigüedad: 10 años, 7 meses
Puntos: 970
Respuesta: Activar imput text solo si este esta vacio, y desabilitar cuando este con

Se puede, pero cualquiera podría cambiar el valor desde el inspector del elemento. Si no quieres que el valor pueda ser editado estando en un <input>, mejor muéstralo en una etiqueta.

De cualquier modo, lo que buscas hacer, lo puedes lograr verificando la longitud del contenido del elemento.

Código Javascript:
Ver original
  1. if (elemento.value.length > 0){
  2.     //readOnly
  3. }

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 14/10/2015, 06:51
 
Fecha de Ingreso: mayo-2009
Mensajes: 2
Antigüedad: 13 años, 1 mes
Puntos: 0
Respuesta: Activar imput text solo si este esta vacio, y desabilitar cuando este con

Ponerlo en una etiqueta?
Y se puede cambiar desde el inspector de elemento?
entonces el readonly no es seguro.
Tengo un formulario de registro donde recogo todos los datos del cliente. y otro .tpl donde muestro al usuario los datos ingresados.
Pero utilizo readonly puesto que los datos fueron ingresados anteriormente.

Ahora, me puedes explicar como ponerlos en etiquetas?

Gracias :)
  #4 (permalink)  
Antiguo 14/10/2015, 09:25
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.539
Antigüedad: 10 años, 7 meses
Puntos: 970
Respuesta: Activar imput text solo si este esta vacio, y desabilitar cuando este con

Una etiqueta es un <label>.

Código HTML:
Ver original
  1. <label>Ejemplo</label>

El valor que se muestre en ella, no será considerado al momento de procesar los datos del formulario, incluso si es editado desde el inspector del elemento. También podrías usar un <span> o simplemente imprimir el dato en el documento sin utilizar un elemento en particular.

Un saludo
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Etiquetas: desabilitar, imput, input, text, vacio, valor
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 19:56.