Validación con JavaScript

[pabloe9k]

Amigos del foto, necesito de su ayuda.

Tengo un formulario tan sencillo como el siguiente:

Código HTML:

<form action="zaraza.php" method="Post">

   <input type="text" name="texto1">

   <input type="submit" value="enviar">

</form> 

Lo que estoy buscando hacer es que, cuando se ingrese un texto en el campo "texto1", mediante JavaScript se ejecute la siguiente validación: si el texto ingresado está compuesto por menos de 4 caracteres, entonces no debe habilitarse el botón "enviar". Si el texto ingresado es de 4 ó más caracteres, el botón "enviar" debe estar habilitado y totalmente funcional.

Se entiende? Por defecto, el botón deshabilitado. Si se ingresa un texto de menos de 4 letras, sigue deshabilitado, pero si el texto que se escriba es de 4 ó más caracteres, el botón "enviar" debe habilitarse en forma automática.

Se que se puede hacer con JavaScript pero no tengo idea como. Y si alguien puede ayudarme, son ustedes, genios del código web.

Gracias de antemano.
Saludos a todos.

[_cronos2]

Código Javascript:

onload=function(){document.getElementById('btn').disabled=true;}
function habil(c){
 document.getElementById('btn').disabled=c.value.length<=4 ? true : false;
}
 

Código HTML:

<form action="zaraza.php" method="post">
 
   <input type="text" name="texto1" onkeyup='habil(this);' onblur='habil(this);' />
 
   <input type="submit" value="enviar" id='btn' />
 
</form>
 

Saludos (:

[pabloe9k]

Iniciado por _cronos2

Código Javascript:

onload=function(){document.getElementById('btn').disabled=true;}
function habil(c){
 document.getElementById('btn').disabled=c.value.length<=4 ? true : false;
}
 

Código HTML:

<form action="zaraza.php" method="post">
 
   <input type="text" name="texto1" onkeyup='habil(this);' onblur='habil(this);' />
 
   <input type="submit" value="enviar" id='btn' />
 
</form>
 

Saludos (:

Una respuesta tan rápida como útil.
Realmente me ayudaste mucho, _cronos2

Muchísimas gracias.

Saludos!!

[caricatos]

Hola:

Cuando se asignan valores lógicos (o booleanos), es redundante poner:

? true:false;

Código:

document.getElementById('btn').disabled=c.value.length<=4;

Saludos

[_cronos2]

Cierto caricatos, no había caído en eso. Siempre aprendo algo de ti.
Saludos (: