Tema: Pasar valores de un input a HTML a javascript
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/01/2011, 12:53
nestorag1991
 
Fecha de Ingreso: noviembre-2010
Mensajes: 26
Antigüedad: 13 años, 6 meses
Puntos: 0
Pasar valores de un input a HTML a javascript
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
  1. <HTML>
  2. <script>
  3. function funcionnombre()
  4. {
  5.     document.alert("fnombre");               //No se exactamente como puedo hacer referencia a fnombre, que es el lo que hay dentro del input del nombre
  6. }
  7. </script>
  8. <!-- Página web con formulario:
  9.  
  10. -Nombre, apelidos, dni.
  11. - Email
  12. -Dirección, población, cod. postal
  13. -Observaciones
  14.  
  15. Botnoes: enviar, borrar.
  16.  
  17. - Comprobación de los campos. Mediantes funciones javascript
  18.  
  19. Nombre, apelidos, dirección, poblacion, provincia: Mayor de 3 caracteres.
  20. email: bien formado. 1 o más caracteres + @ + 1 o más caract + . + 1 o más caracteres.
  21.  
  22. cod. postal: 5 números
  23. observaciones: más de 10 caracteres.
  24. dni: nie o nif. 11111111H
  25.  
  26. Al final:
  27.  
  28. - Si Error: Avisamos al usuario: Como
  29.     -Alert (todos los fallos en un mismo alert)
  30.     -Y poniendo en rojo los campos con fallos.
  31. - Si, OK: enviamos correo. -->
  32. <HEAD>
  33. <TITLE>
  34. Bienvenido
  35. </TITLE>
  36. </HEAD>
  37. <BODY>
  38.  
  39.  
  40. <FORM type="text METHOD="POST">
  41. <DIV ALIGN="right">
  42. Nombre:&nbsp <input type="text" maxlenght="10" name="fnombre" onblur="funcionnombre">
  43. <BR>
  44. Primer Apellido:&nbsp <input type="text" name="f1apellido" maxlenght="13">
  45. <BR>
  46. Segundo Apellido:&nbsp <input type="text" name="f2apellido" maxlenght="13">
  47. <BR>
  48. Email:&nbsp <input type="text" name="femail" maxlenght="30">
  49. <BR>
  50. Dirección:&nbsp<input type="text" name="fdireccion" maxlenght="40">
  51. <BR>
  52. Población:&nbsp <input type="text" name="fpoblacion" maxlenght="15">
  53. <BR>
  54. Código postal:&nbsp <input type"text" name="fcodigopostal" maxlenght="5">
  55. <BR>
  56. Observaciones:&nbsp <textarea name="fobservaciones" rows="5" cols="30" maxlenght="200" minlenght="10">Su comentario aquí.</textarea>
  57. <BR>
  58. Enviar datos: <input type="submit" name="fnombre">
  59. <BR><BR>
  60.  
  61. </FORM>
  62. </DIV>
  63.  
  64. </BODY>
  65. </HTML>