Foros del Web » Programando para Internet » Javascript »

como limpiar text box de formulario

Estas en el tema de como limpiar text box de formulario en el foro de Javascript en Foros del Web. hola amigo tengo un formulario con un boton para enviar la cuestion es que estoy tratando de utilizar el script para borrar los text box ...
  #1 (permalink)  
Antiguo 10/01/2011, 09:59
 
Fecha de Ingreso: abril-2008
Mensajes: 310
Antigüedad: 16 años
Puntos: 4
como limpiar text box de formulario

hola amigo tengo un formulario con un boton para enviar la cuestion es que estoy tratando de utilizar el script para borrar los text box ps en esa misma pagina tengo un iframe q es donde muestro la info ingresada en el formula y al enviar la info esta qda en los text entonces me toca borrarla manualmente para ingresar mas

y con estre script apenas le doy click se borrar los text antes de enviarlos espero q me entiendas y me colaboren muchas gracias dejo el script q toy trabajando



<SCRIPT>
function limpiar() {
document.getElementById("importe").value="";
document.getElementById("cantidad").value="";
}</script>


<input name="agregar" type="image" id="agregar" onclick="limpiar()" value="Enviar" src="../imagen/botonagregar.jpg" border="1" img="img" />
  #2 (permalink)  
Antiguo 10/01/2011, 10:15
Avatar de ArkangelGammar  
Fecha de Ingreso: enero-2011
Ubicación: <?php $persona->ubicacion('ArkangelGammar'); ?>
Mensajes: 179
Antigüedad: 13 años, 3 meses
Puntos: 19
Respuesta: como limpiar text box de formulario

en lugar de hacer javascript utiliza esto en el input donde ingresas los valores.

onFocus="this.value=''"

Lo que hara es que cuando te pares sobre el campo automaticamente se borre, pero sirve porque al enviar el formulario queda.

Tambien lo que podes hacer, aprobechando que la pagina se recarga, es llamar a la funcion esa de la siguiente manera:

Código:
<head>
<SCRIPT>
function limpiar() {
document.getElementById("importe").value="";
document.getElementById("cantidad").value="";
}</script>
</head>
<body onLoad="limpiar()">
<input name="agregar" type="image" id="agregar" onclick="limpiar()" value="Enviar" src="../imagen/botonagregar.jpg" border="1" img="img" />
</body>
Espero haber ayudado.

Saludos
  #3 (permalink)  
Antiguo 10/01/2011, 10:19
 
Fecha de Ingreso: abril-2008
Mensajes: 310
Antigüedad: 16 años
Puntos: 4
Respuesta: como limpiar text box de formulario

ok ArkangelGammar voy a checarlo y ahora te comento
  #4 (permalink)  
Antiguo 10/01/2011, 13:04
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 10 meses
Puntos: 310
Respuesta: como limpiar text box de formulario

Prueba esta función:
Código Javascript:
Ver original
  1. function val(campo,valor,texto){
  2.  campo.value=campo.value==texto?valor:campo.value;
  3. }
Código HTML:
Ver original
  1. <input type='text' value='Hola' onfocus="val(this,'',this.defaultValue);" onblur="val(this,this.defaultValue,'');"
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
  #5 (permalink)  
Antiguo 11/01/2011, 07:14
 
Fecha de Ingreso: abril-2008
Mensajes: 310
Antigüedad: 16 años
Puntos: 4
Respuesta: como limpiar text box de formulario

amigo ArkangelGammar con tu script me pasa lo mismo ps apenas doy en el boton este me borra la info antes de ingresarlos a la base de datos que debo hacer???


_cronos2 que pena amigo como debo integrar este script me puede explicar esa parte soy algo nuevo gracias

Última edición por charlescuellar; 11/01/2011 a las 08:03
  #6 (permalink)  
Antiguo 11/01/2011, 09:35
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 10 meses
Puntos: 310
Respuesta: como limpiar text box de formulario

El código JS dentro de etiquetas script, y el input dentro de un form.
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
  #7 (permalink)  
Antiguo 11/01/2011, 10:09
 
Fecha de Ingreso: abril-2008
Mensajes: 310
Antigüedad: 16 años
Puntos: 4
Respuesta: como limpiar text box de formulario

_cronos2 pere el script q le debo variar?


function val(campo,valor,texto){
campo.value=campo.value==texto?valor:campo.value;
}

en caso era esto
<SCRIPT>
function limpiar() {
document.getElementById("importe").value="";
document.getElementById("cantidad").value="";
}</script>
  #8 (permalink)  
Antiguo 11/01/2011, 12:35
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 10 meses
Puntos: 310
Respuesta: como limpiar text box de formulario

¿Lo has probado como lo he puesto yo?
__________________
" 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
  #9 (permalink)  
Antiguo 11/01/2011, 13:27
 
Fecha de Ingreso: abril-2008
Mensajes: 310
Antigüedad: 16 años
Puntos: 4
Respuesta: como limpiar text box de formulario

si y no me sirve :(

pues la idea es como te dijo que cuando yo le de que ingrese la info a la base de datos este haga un reset y deje en blanco todos los text box del form
  #10 (permalink)  
Antiguo 15/01/2011, 19:36
Avatar de ArkangelGammar  
Fecha de Ingreso: enero-2011
Ubicación: <?php $persona->ubicacion('ArkangelGammar'); ?>
Mensajes: 179
Antigüedad: 13 años, 3 meses
Puntos: 19
Respuesta: como limpiar text box de formulario

Coloca el script completo, porque aca hay algo que no me cierra.

Cuando vos haces el post automaticamente te guarda toda la info en $_POST y resetea todos los formularios.

Esperamos tu respuesta.

Saludos

Etiquetas: box, limpiar, formulario, txt
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 08:54.