validar un input en tiempo real

tazzwt · #1 (**permalink**) 15/12/2010, 21:52

hola, como puedo validar un input en tiempo real que aparezca un mensaje, que no a ingresado nada.

Si a ingresado algo en el input lo deja pasar.

tengo este codigo:

Código HTML:

Ver original<html>
 
<script>
 
nombre = get.ElementByid(nombre).value ;
 
if(empty(nombre)
{ alert("Ingrese algo");
 break;
}</script>
 
    <form>
    <input type="input" id="nombre"> <br>
        <input type="submit" value="ingresar" onclick ="tic">
 
    </form>
</html>

zerokilled · #2 (**permalink**) 15/12/2010, 22:17

buenas...

te recomiendo que primero leas el articulo de caricatos para que tengas una idea de cual es la forma correcta de validar en el lado cliente. mientras tanto, te adelanto lo que tienes simplemente hace nada. lo que javascript interpreta es que al hacer click, lee el identificador tic, el cual se asume que puede ser una variable. pero como no esta definido en ningun lugar, entonces genera error. por otro lado, en un evento estas supuesto hacer una de dos: invocar una funcion o evaluar una serie de procesos, lo cual no se ve reflejado en el codigo. ejemplo,

Código:

<!-- varias instrucciones -->
<element event="statement1; statement2; ...; statementN;"></element>

<!-- invocando funcion -->
<element event="function_call();"></element>

en realidad puede tener una combinacion de ambas pero es para que te hagas una idea.

Rolldi · #3 (**permalink**) 15/12/2010, 22:21

Hay muchos errores en ese código.

1) Primero, debes definir el tipo de lenguaje del Script. No es un problema grave, pero hay que ser correctos. <script languaje="javascript">

2) Javascript es case sensitive con los nombres de las funciones y demás. getElementById debe ser escrito como muestro, la i de tu código está en minúsculas. Si no lo haces correctamente no funcionará.

3) Te falta un corchete de apertura para if y un paréntesis de cierre para empty.

4) El input type debe ser correcto, input no es un tipo válido de objeto de formulario. Simplemente te dará error o no se mostrará nada. Debes especificar un objeto válido, como text que permite que ingreses un string.

5) Para hacer lo que buscas necesitas un lenguaje del lado del servidor(php), uno del lado del cliente (javascript) y otro que opere en medio (Ajax). No obstante, podrías simplificarlo, no es necesario nada de esto.

Código PHP:

  <script languaje="javascript"> 
function validar(){ 
elemento = document.getElementById('nombre').value; 
if (!elemento){ 
window.alert("No has ingresado nada"); 
} 
else{ 
window.alert("Adelante"); 
} 
} 
</script> 
<form> 
<input type="text" id="nombre"> 
<input type="submit" onclick="javascript:validar()"> 
</form>

zerokilled · #4 (**permalink**) 15/12/2010, 23:39

@rolldi,
language="javascript" ya no se utiliza, pues es obsoleto. ahora se utiliza type="text/javascript" y creo que incluso application/javascript pero creo que este ultimo no lo interpreta bien algunos navegadores.

Rolldi · #5 (**permalink**) 16/12/2010, 00:01

languaje no es un atributo obsoleto, sino desaprobado en HTML 4.01. En HTML5 si será un atributo obsoleto pero aún está en proceso de borrador y no es un estándar.