Pasar valores de un input a HTML a javascript

nestorag1991 · #1 (**permalink**) 17/01/2011, 12:53

Buenas, llevo intentando hace un buen rato como pasar valores de un input de un HTML a una función Javascript, exacto se puede con el OnClick="Nombrefuncion()".

Pero mi pregunta es si es un campo de texto que tendría que usar?

Podría ser onChange, pero ya lo probe sin resultados:

Aunque creo que la opción sería onblur.

Código HTML:

Ver original<HTML>
<script>
function funcionnombre()
{
    document.alert("fnombre");               //No se exactamente como puedo hacer referencia a fnombre, que es el lo que hay dentro del input del nombre
}
</script>
<!-- Página web con formulario:
 
-Nombre, apelidos, dni.
- Email
-Dirección, población, cod. postal
-Observaciones
 
Botnoes: enviar, borrar.
 
- Comprobación de los campos. Mediantes funciones javascript
 
Nombre, apelidos, dirección, poblacion, provincia: Mayor de 3 caracteres.
email: bien formado. 1 o más caracteres + @ + 1 o más caract + . + 1 o más caracteres.
 
cod. postal: 5 números
observaciones: más de 10 caracteres.
dni: nie o nif. 11111111H
 
Al final:
 
- Si Error: Avisamos al usuario: Como
    -Alert (todos los fallos en un mismo alert)
    -Y poniendo en rojo los campos con fallos.
- Si, OK: enviamos correo. -->
<HEAD>
<TITLE>
Bienvenido
</TITLE>
</HEAD>
<BODY>
 
 
<FORM type="text METHOD="POST">
<DIV ALIGN="right">
Nombre:&nbsp <input type="text" maxlenght="10" name="fnombre" onblur="funcionnombre">
<BR>
Primer Apellido:&nbsp <input type="text" name="f1apellido" maxlenght="13">
<BR>
Segundo Apellido:&nbsp <input type="text" name="f2apellido" maxlenght="13">
<BR>
Email:&nbsp <input type="text" name="femail" maxlenght="30">
<BR>
Dirección:&nbsp<input type="text" name="fdireccion" maxlenght="40">
<BR>
Población:&nbsp <input type="text" name="fpoblacion" maxlenght="15">
<BR>
Código postal:&nbsp <input type"text" name="fcodigopostal" maxlenght="5">
<BR>
Observaciones:&nbsp <textarea name="fobservaciones" rows="5" cols="30" maxlenght="200" minlenght="10">Su comentario aquí.</textarea>
<BR>
Enviar datos: <input type="submit" name="fnombre">
<BR><BR>
 
</FORM>
</DIV>
 
</BODY>
</HTML>

_cronos2 · #2 (**permalink**) 17/01/2011, 13:53

Prueba esto:

Código HTML:

Ver original<input type='text' onchange='alert(this.value);' />
<!-- En FF, por lo menos a mí, onchange sólo funciona cuando 
       cambio de pestaña, quizás te conviene más usar onkey(down|up|press) -->

Saludos (:

nestorag1991 · #3 (**permalink**) 17/01/2011, 14:47

Cita:

Iniciado por _cronos2

Prueba esto:

Código HTML:

Ver original<input type='text' onchange='alert(this.value);' />
<!-- En FF, por lo menos a mí, onchange sólo funciona cuando 
       cambio de pestaña, quizás te conviene más usar onkey(down|up|press) -->

Saludos (:

Me temo que no me has entiendido o me he explicado mal. Con el dato que tu me has dado, que intentado llamar a la función a través del input, pero se activa.

Este es el script:

Código Javascript:

Ver originalfunction funcionnombre()
{
    document.alert("hola");
}
</script>

Y este el input desde el que quiero llamarlo:

Código HTML:

Ver originalNombre:&nbsp <input type="text" maxlenght="10" name="fnombre" onChange="funcionnombre()">

Puedes observar que le podría haber pasado lo que hubiese puesto en el campo nombre con "this.value", como me dijiste, pero para simplificarlo aún más no le he dado ningún parámetro, y aún así sigue fallando.

Creo que el error está en la sintaxis, o que me he expresado mal, pero por más que busco no logro encontrar la respuesta a esto tan específico.

_cronos2 · #4 (**permalink**) 17/01/2011, 14:58

alert() es un método de window, no de document

Saludos (: