Foros del Web » Programando para Internet » Javascript »

Problema al obtener valor de textbox

Estas en el tema de Problema al obtener valor de textbox en el foro de Javascript en Foros del Web. Tengo un form al que quiero que al darle a " mostrar datos " se active la funcion " enviar ", que funciona perfectamente, el ...
  #1 (permalink)  
Antiguo 03/10/2010, 08:15
 
Fecha de Ingreso: octubre-2010
Mensajes: 47
Antigüedad: 13 años, 7 meses
Puntos: 1
Problema al obtener valor de textbox

Tengo un form al que quiero que al darle a "mostrar datos" se active la funcion "enviar", que funciona perfectamente, el problema es que en vez del valor del campo, se muestra "NaN".

¿Como puedo hacer para que no salga NaN?

FUNCION:
Código javascript:
Ver original
  1. <script type="text/javascript">
  2. function enviar()
  3. {
  4.    
  5.     var nombre = document.forms[0].citizen-name.value;
  6.  alert("datos:" + nombre)
  7.  
  8. }
  9. </script>
FORM:
Código html:
Ver original
  1. <form action="" method="post">  
  2.    
  3.             <div class="fieldname">Nombre del ciudadano</div>
  4.  
  5.                 <input type="text" tabindex="1" class="field" value="" id="citizen_name" name="citizen_name">
  6.                 <span id="error_for_citizen_name" style="display: none;" class="invalid-small"></span>
  7.  
  8. <span class="twin-small" style="float: left;" id="error_for_citizen_name_twin"></span>
  9.                <a onclick="enviar();" href="#" rel="nofollow" tabindex="4" class="smalldotted goleft">Mostrar datos</a>  
  10.       </div>
  11.         <div class="half">
  12.             <div class="fieldname">Contraseña</div>
  13.  
  14.                 <input type="password" tabindex="2" class="field" value="" id="citizen_password" name="citizen_password">
  15.                 <span id="error_for_citizen_password" style="display: none;" class="invalid-small"></span>
  16.  
  17. <span class="twin-small" style="float: left;" id="error_for_citizen_password_twin"></span>  
  18.               <input type="checkbox" tabindex="5" class="check" value="1" id="remember" name="remember">&nbsp;
  19.             <label for="remember">Recordarme</label>
  20.         </div>
  21.             <input  type="submit" tabindex="3" class="submit" value="Conectar" name="commit">            </form>

Gracias por adelantado.

Última edición por albarete; 03/10/2010 a las 08:24
  #2 (permalink)  
Antiguo 03/10/2010, 08:42
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 11 meses
Puntos: 310
Respuesta: Problema al obtener valor de textbox

Esque estás accediendo mal al campo, es citizen_name, no citizen-name.
Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #3 (permalink)  
Antiguo 03/10/2010, 09:01
 
Fecha de Ingreso: octubre-2010
Mensajes: 47
Antigüedad: 13 años, 7 meses
Puntos: 1
Respuesta: Problema al obtener valor de textbox

Siempre me equivoco con los guiones, debo de estar maldito :(
Gracias por la ayuda
  #4 (permalink)  
Antiguo 03/10/2010, 09:31
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 9 meses
Puntos: 1532
Respuesta: Problema al obtener valor de textbox

además la forma 100% correcta:

document.forms[0].elements['citizen_name'].value;

también puedes usar document.getElementById('id'), pero con el atributo ID
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...

Etiquetas: textbox
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:25.