Comprobar textos con el Evento Change

Aaron555 · #1 (**permalink**) 01/01/2013, 12:41

Estoy haciendo un código con Javascript en el que consiste en que cada vez que se modifica el valor de un textbox compruebe si ese valor de la textbox es igual a 0. Si es igual a 0 desactiva el botón de envio, en caso de que no lo es activa el boton de envio para que se pueda enviar el formulario. El caso es que no se activa cuando el valor no es igual a 0. Aquí dejo el código de index.html, espero que puedan ayudarme.

Código:

<html>
<head>
<script language="Javascript">
onload = inicio;
function inicio() {
  document.getElementById('texto').addEventListener('change',textoModificado,false);
}
function textoModificado() {
  var lengthTexto = document.getElementById('texto').value.length;
  if (lengthTexto.lenght=="0") {
    document.form.boton.disabled = true;
  }else{
    document.form.boton.disabled = false;
  }
}
function enviar() {
  alert('Enviado.');
}
</script>
</head>
<body>
<form name="form">
<input type="text" id="texto">
<input name="boton" type="button" value="Enviar" onClick="enviar()" disabled>
</form>
</body>
</html>

Grácias adelantadas.

emprear · #2 (**permalink**) 01/01/2013, 14:24

Entre lo que planteas y lo que hacés hay muchas diferencias
fijate:
var lengthTexto = document.getElementById('texto').value.length;
te devuelve la cantidad de caracteres en el campo de texo, pero ¿contra que querés realizar la comparación?, si no hay caracteres, es decir length == 0 , ó si el valor ingresado en el input es '0'? son 2 cosas completamente diferentes.
Por otro lado si el valor del campo por defecto es vacio, cualquier cosa que ingreses va a disparar el onchange.
Otro error
si la variable es
var lengthTexto = document.getElementById('texto').value.length;
la comparación se hace
lengthTexto == valor
no
lengthTexto.lenght == valor
que a su vez tiene otro error, ya que el nombre de la proipiedad es length no lenght

A fin de cuentas que ni se sabe lo que estás intentando.

Yo te sugeriría que empieces todo desde cero, con el apoyo de un manual de hacer falta, http://librosweb.es, por ejemplo

Saludos

Aaron555 · #3 (**permalink**) 01/01/2013, 16:03

Cita:

Iniciado por emprear

Entre lo que planteas y lo que hacés hay muchas diferencias
fijate:
var lengthTexto = document.getElementById('texto').value.length;
te devuelve la cantidad de caracteres en el campo de texo, pero ¿contra que querés realizar la comparación?, si no hay caracteres, es decir length == 0 , ó si el valor ingresado en el input es '0'? son 2 cosas completamente diferentes.
Por otro lado si el valor del campo por defecto es vacio, cualquier cosa que ingreses va a disparar el onchange.
Otro error
si la variable es
var lengthTexto = document.getElementById('texto').value.length;
la comparación se hace
lengthTexto == valor
no
lengthTexto.lenght == valor
que a su vez tiene otro error, ya que el nombre de la proipiedad es length no lenght

A fin de cuentas que ni se sabe lo que estás intentando.

Yo te sugeriría que empieces todo desde cero, con el apoyo de un manual de hacer falta, [url]http://librosweb.es[/url], por ejemplo

Saludos

Las cosas se dicen bien, no de la forma que tu lo dices.

La comparación la quiero hacer con si el length del textbox es 0, osea, si no hay nada ingresado. El error ese que puse en lengthTexto.lenght ya lo he corregido y sigue sin activarse el botón cuando se escribe algo.

Yo no tengo que volver a empezar de cero, son solo cuatro tonerías que se me pasan a veces, todos somos humanos y cometen errores, al igual que un script no me iva porque faltaba () detrás de las funciones, yo no puedo hacer nada. Soy humano y cometo errores, así que lo siento mucho si quieres a gente perfecta. Aun así debo pedirte grácias por el link.
Espero que alguien sepa cual es el otro problema.

Un saludo.

emprear · #4 (**permalink**) 01/01/2013, 16:53

Si no entendiste lo que te dije, entonces ni vale la pena seguir discutiendo.
Y deja de victimizarte que lo único que conseguís es llevarte el premio al primer ofendido del año.

Yo no exijo perfección, la que lo exije es "javascript"
0 != '0'

lfriasherrera · #5 (**permalink**) 01/01/2013, 20:24

Por que no intentas utilizar jQuery, harías eso muy rápido y podrías hacer uso de la función

Código Javascript:

Ver original.change()

de ahí mismo.
Te dejo el link para que le des una leída
http://api.jquery.com/change/

Aaron555 · #6 (**permalink**) 12/01/2013, 16:44

Cita:

Iniciado por emprear

Si no entendiste lo que te dije, entonces ni vale la pena seguir discutiendo.
Y deja de victimizarte que lo único que conseguís es llevarte el premio al primer ofendido del año.

Y tu te llevas el primer premio al primero que ofende a los demás.

Cita:

Iniciado por lfriasherrera

Por que no intentas utilizar jQuery, harías eso muy rápido y podrías hacer uso de la función

Código Javascript:

Ver original.change()

de ahí mismo.
Te dejo el link para que le des una leída
http://api.jquery.com/change/

Aún así grácias pero quería hacerlo por Javascript (aunque en breve empezaré con JQuery). Aún así lo probaré, ya solucioné el problema así que cierren el tema.