Foros del Web » Programando para Internet » Javascript »

Problemas con boton limpiar

Estas en el tema de Problemas con boton limpiar en el foro de Javascript en Foros del Web. hola a todos, creo que estoy en el tema correcto. veran tengo un formulario que busca datos en una tabla y los muestra en este ...
  #1 (permalink)  
Antiguo 03/10/2012, 20:49
 
Fecha de Ingreso: septiembre-2012
Mensajes: 103
Antigüedad: 12 años, 2 meses
Puntos: 0
Problemas con boton limpiar

hola a todos, creo que estoy en el tema correcto.
veran tengo un formulario que busca datos en una tabla y los muestra en este formulario. ahora quiero utilizar un boton de limpiar, ya lo hice
Código HTML:
<input type="reset" value="Borrar" onclick="limpiar()"/> 
pero solo limpia los texfield que son ingresados por el usuario no los que se muestran al ser buscados.

hice una funcion para el onclik:

Código PHP:
  <?php function limpiar()
  {
    echo 
'<input name="nombre" type="text" value=""/>';
      
      }
  
?>
pero pues no hace nada, noc si esta mal escrito el codigo

(en el formulario se buscan datos personales y se muestran, pero quedan dos campos mas que son ingresados)

les agradezco mucho su ayuda de antemano
  #2 (permalink)  
Antiguo 03/10/2012, 21:32
Avatar de truman_truman  
Fecha de Ingreso: febrero-2010
Ubicación: /home/user
Mensajes: 1.341
Antigüedad: 14 años, 9 meses
Puntos: 177
Respuesta: Problemas con boton limpiar

<input type="reset" name="button" id="button" value="Restablecer">
__________________
la la la
  #3 (permalink)  
Antiguo 03/10/2012, 21:32
Avatar de truman_truman  
Fecha de Ingreso: febrero-2010
Ubicación: /home/user
Mensajes: 1.341
Antigüedad: 14 años, 9 meses
Puntos: 177
Respuesta: Problemas con boton limpiar

esto es javascript onclick="limpiar()"

y esto PHP:
<?php function limpiar()
{
echo '<input name="nombre" type="text" value=""/>';

}
?>

nada que ver una cosa con la otra
__________________
la la la
  #4 (permalink)  
Antiguo 03/10/2012, 21:39
 
Fecha de Ingreso: septiembre-2012
Mensajes: 103
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: Problemas con boton limpiar

entonces si hago eso mismo pero en java script funciona??
  #5 (permalink)  
Antiguo 03/10/2012, 21:41
Avatar de truman_truman  
Fecha de Ingreso: febrero-2010
Ubicación: /home/user
Mensajes: 1.341
Antigüedad: 14 años, 9 meses
Puntos: 177
Respuesta: Problemas con boton limpiar

reemplazá tu boton por este y listo

<input type="reset" name="button" id="button" value="Restablecer">




.
__________________
la la la
  #6 (permalink)  
Antiguo 03/10/2012, 21:55
 
Fecha de Ingreso: septiembre-2012
Mensajes: 103
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: Problemas con boton limpiar

si ya lo hice pero no me funciono.
hice esto en javascript

<script>
function limpiar(identificacion,nombre,primer_apellido,segu ndo_apellido )
{
identificacion.value="";
nombre.value="";
primer_apellido.value="";
segundo_apellido.value="";

}
</script>


y el boton

Código HTML:
<input type="reset" name="button"  value="Restablecer" onclick="limpiar (this.form2.identificacion, this.form2.nombre, this.form.primer_apellido, this.form2.segundo_apellido)"> 
  #7 (permalink)  
Antiguo 03/10/2012, 22:04
Avatar de truman_truman  
Fecha de Ingreso: febrero-2010
Ubicación: /home/user
Mensajes: 1.341
Antigüedad: 14 años, 9 meses
Puntos: 177
Respuesta: Problemas con boton limpiar

Código HTML:
Ver original
  1. <form id="form1" name="form1" method="post" action="">
  2.   <label for="aaaa">aaaaa</label>
  3.   <input type="text" name="aaaa" id="aaaa" />
  4.   <label for="bbbbbb">bbbbbb</label>
  5.   <input type="text" name="bbbbbb" id="bbbbbb" />
  6.   <label for="cccc">ccccc</label>
  7.   <input type="text" name="cccc" id="cccc" />
  8.   <input type="submit" name="button" id="button" value="Enviar" />
  9.   <input type="reset" name="button2" id="button2" value="Restablecer" />
  10. </form>
__________________
la la la
  #8 (permalink)  
Antiguo 03/10/2012, 22:06
 
Fecha de Ingreso: septiembre-2012
Mensajes: 103
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: Problemas con boton limpiar

gracias truman_truman asi lo hice pero no funciona solo borra los datos que se ingresan, los que aparecen al buscar por medio de la cedula no se borran
  #9 (permalink)  
Antiguo 03/10/2012, 22:11
 
Fecha de Ingreso: septiembre-2012
Mensajes: 103
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: Problemas con boton limpiar

este es mi formulario talvez no este haciendo algo bien

Código HTML:
<form action="<?php echo $editFormAction; ?>" method="post" name="form2" id="form2">
        <table align="center">
          <tr valign="baseline">
          <td nowrap="nowrap" align="lefth">Cedula:</td>
            <td><span id="sprytextfield4">
              <input name="identificacion" type="text" value="<?php echo htmlentities($row_buscar['cedula'], ENT_COMPAT, 'utf-8'); ?>" size="32" readonly="readonly" />
              <span class="textfieldRequiredMsg">Campo requerido.</span></span></td>
            </tr>
          <tr valign="baseline">
            <td nowrap="nowrap" align="lefth">Nombre:</td>
            <td><span id="sprytextfield3">
              <input name="nombre" type="text" value="<?php echo htmlentities($row_buscar['nombre'], ENT_COMPAT, 'utf-8'); ?>" size="32" readonly="readonly" />
              <span class="textfieldRequiredMsg"> Campo requerido.</span></span></td>
            </tr>
          <tr valign="baseline">
            <td nowrap="nowrap" align="lefth">Primer Apellido:</td>
            <td><span id="sprytextfield2">
              <input name="primer_apellido" type="text" value="<?php echo htmlentities($row_buscar['apellido1'], ENT_COMPAT, 'utf-8'); ?>" size="32" readonly="readonly" />
              <span class="textfieldRequiredMsg"> Campo requerido.</span></span></td>
            </tr>
          <tr valign="baseline">
            <td nowrap="nowrap" align="lefth">Segundo Apellido:</td>
            <td><span id="sprytextfield1">
              <input name="segundo_apellido" type="text" value="<?php echo htmlentities($row_buscar['apellido2'], ENT_COMPAT, 'utf-8'); ?>" size="32" readonly="readonly" />
              <span class="textfieldRequiredMsg">Campo requerido.</span></span></td>
            </tr>
             
          <tr valign="baseline">
            <td nowrap="nowrap" align="lefth">Grado Academico:</td>
            <td><label for="grado_academico"></label>
              <span id="spryselect2">
              <select name="grado_academico" id="grado_academico">
                <option value="" selected="selected">[Seleccione el Grado]</option>
                <option>Bachillerato</option>
                <option>Licenciatura</option>
                <option>Maestria</option>
                <option>Doctorado</option>
              </select>
              <span class="selectRequiredMsg">Seleccione una opción.</span></span></td>
          </tr>          
          
          <tr valign="baseline">
            <td nowrap="nowrap" align="lefth">Especialidad:</td>
            <td><input type="text" name="especialidad" value="" size="32" /></td>
          </tr>
          <tr valign="baseline">
            <td nowrap="nowrap" align="lefth">&nbsp;</td>
            <td><input type="submit" value="Insertar" />
              <input type="button" name="Submit" value="Bot&oacute;n" onclick="borra('identificacion,nombre,primer_apellido,segundo_apellido',this.form2)"><?php echo $mensaje; ?></td>
              
            
              
          </tr>
        </table>
        <input type="hidden" name="MM_insert" value="form2" />
      </form> 
  #10 (permalink)  
Antiguo 04/10/2012, 00:38
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 10.106
Antigüedad: 16 años, 3 meses
Puntos: 2237
Respuesta: Problemas con boton limpiar

<input type="reset" /> no limpia los campos del formulario, sólo vuelve a cargar los valores de inicio, de forma que:

<input type="text" name="texto1" value="Aquí el texto 1" />
<input type="text" name="texto2" value="" />

texto1 volverá a "Aquí el texto 1" y texto2 volverá a estar en blanco (cadena vacía) y, si lo que quieres es que todos los campos queden en blanco, entonces sí está bien que uses esa función en javascript.
__________________
- León, Guanajuato
- GV-Foto
  #11 (permalink)  
Antiguo 04/10/2012, 13:55
 
Fecha de Ingreso: septiembre-2012
Mensajes: 103
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: Problemas con boton limpiar

pero no me funciona
  #12 (permalink)  
Antiguo 04/10/2012, 15:28
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 10.106
Antigüedad: 16 años, 3 meses
Puntos: 2237
Respuesta: Problemas con boton limpiar

No funciona... que cosa?, lo del javascript?

Reporto tu tema para ver si lo mueven al foro adecuado: http://www.forosdelweb.com/f13/
__________________
- León, Guanajuato
- GV-Foto
  #13 (permalink)  
Antiguo 04/10/2012, 16:57
 
Fecha de Ingreso: septiembre-2012
Mensajes: 103
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: Problemas con boton limpiar

no me funciona el javascript ya lo puse arriba pero no funciona solo borra los que se ingresan no los que se buscan. gracias...
  #14 (permalink)  
Antiguo 04/10/2012, 17:11
Avatar de Dradi7  
Fecha de Ingreso: junio-2008
Ubicación: Peru - Lima
Mensajes: 1.518
Antigüedad: 16 años, 5 meses
Puntos: 220
Respuesta: Problemas con boton limpiar

puedes poner tu codigo completo y en que parte del html realizas la busqueda que no lo veo

Saludos
__________________
La clave de todo triunfador es eliminar todas sus excusas y sus limitaciones
  #15 (permalink)  
Antiguo 04/10/2012, 19:06
 
Fecha de Ingreso: septiembre-2012
Mensajes: 103
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: Problemas con boton limpiar

esta es la consulta para la busqueda en mysql

Código PHP:
if ((isset($_POST["MM_consulta"])) && ($_POST["MM_consulta"] == "form1")) {
$guardacedula $_POST['concedula'];
}
mysql_select_db($database_conexion$conexion);
$query_buscar "SELECT registro.cedula, registro.nombre, registro.apellido1, registro.apellido2  FROM  registro WHERE registro.cedula= '$guardacedula'";

$buscar mysql_query($query_buscar$conexion) or die(mysql_error());
$row_buscar mysql_fetch_assoc($buscar);
$totalRows_buscar mysql_num_rows($buscar); 

y este el formulario que recibe esa busqueda
Código HTML:
 <form action="<?php echo $editFormAction; ?>" method="post" name="form2" id="form2">
        <table align="center">
          <tr valign="baseline">
          <td nowrap="nowrap" align="lefth">Cedula:</td>
            <td><span id="sprytextfield4">
            <input name="identificacion" type="text" disabled="disabled" value="<?php echo htmlentities($row_buscar['cedula'], ENT_COMPAT, 'utf-8'); ?>" size="32" readonly="readonly" />
            <span class="textfieldRequiredMsg">Campo requerido.</span></span></td>
            </tr>
          <tr valign="baseline">
            <td nowrap="nowrap" align="lefth">Nombre:</td>
            <td><span id="sprytextfield3">
              <input name="nombre" type="text" disabled="disabled" value="<?php echo htmlentities($row_buscar['nombre'], ENT_COMPAT, 'utf-8'); ?>" size="32" readonly="readonly" />
              <span class="textfieldRequiredMsg"> Campo requerido.</span></span></td>
            </tr>
          <tr valign="baseline">
            <td nowrap="nowrap" align="lefth">Primer Apellido:</td>
            <td><span id="sprytextfield2">
              <input name="primer_apellido" type="text" disabled="disabled" value="<?php echo htmlentities($row_buscar['apellido1'], ENT_COMPAT, 'utf-8'); ?>" size="32" readonly="readonly" />
              <span class="textfieldRequiredMsg"> Campo requerido.</span></span></td>
            </tr>
          <tr valign="baseline">
            <td nowrap="nowrap" align="lefth">Segundo Apellido:</td>
            <td><span id="sprytextfield1">
              <input name="segundo_apellido" type="text" disabled="disabled" value="<?php echo htmlentities($row_buscar['apellido2'], ENT_COMPAT, 'utf-8'); ?>" size="32" readonly="readonly" />
              <span class="textfieldRequiredMsg">Campo requerido.</span></span></td>
            </tr>
             
          <tr valign="baseline">
            <td nowrap="nowrap" align="lefth">Grado Academico:</td>
            <td><label for="grado_academico"></label>
              <span id="spryselect2">
              <select name="grado_academico" id="grado_academico">
                <option value="" selected="selected">[Seleccione el Grado]</option>
                <option>Bachillerato</option>
                <option>Licenciatura</option>
                <option>Maestria</option>
                <option>Doctorado</option>
              </select>
              <span class="selectRequiredMsg">Seleccione una opción.</span></span></td>
          </tr>          
          
          <tr valign="baseline">
            <td nowrap="nowrap" align="lefth">Especialidad:</td>
            <td><input type="text" name="especialidad" value="" size="32" /></td>
          </tr>
          <tr valign="baseline">
            <td nowrap="nowrap" align="lefth">&nbsp;</td>
            <td><input type="submit" value="Insertar" />
              <input type="reset" name="Reset" value="Limpiar" onClick="ClearControls()")><?php echo $mensaje; ?></td>
              
              
              
            
              
          </tr>
        </table>
        <input type="hidden" name="MM_insert" value="form2" />
      </form> 
  #16 (permalink)  
Antiguo 04/10/2012, 19:07
 
Fecha de Ingreso: septiembre-2012
Mensajes: 103
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: Problemas con boton limpiar

con esta parte busca
Código HTML:
<form action="<?php echo $editFormAction; ?>" method="post" name="form1" id="form1">
      <table align="center">
        <tr valign="baseline">
          <td nowrap="nowrap" align= "right">Cedula:</td>
          <td><span id="sprytextfield5">
          <input name="concedula" type="text" id="concedula" value=""size="20" />
          <span class="textfieldRequiredMsg">Es necesario para la busqueda.</span><span class="textfieldInvalidFormatMsg">Formato inválido.</span></span></td>
          <td><input type="submit" value="Buscar" /></td>
        </tr>
      </table>
      <p>
         <input type="hidden" name="MM_consulta"value="form1" />
      </form> 
  #17 (permalink)  
Antiguo 04/10/2012, 20:37
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 22 años
Puntos: 317
Respuesta: Problemas con boton limpiar

Hola todos.

Me estoy metiendo donde no sé, así que disculpen si estoy diciendo una burrada, pero cuando empezó el tema creí que por "borrar búsquedas" hablaban de las opciones que quedan guardadas para autocompletar, esas que ofrece el input con las búsquedas (o datos) que se ingresaron anteriormente. Que sí se manejan con HTML5

autocomplete="off"

Por eso los venía siguiendo, para ver si terminaban en JS o PHP o dónde.


No trabajo con formularios, era simplemente curiosidad. Pero me dió un poco de miedito que hubiera una forma de capturar lo que uno busca tipeando aún con la opción desactivada en el navegador (y/o buscado previamente en otras páginas).

Después que te contesten, arlene90, aprovecho el tema y pregunto esto.

Gracias, ya no molesto.
  #18 (permalink)  
Antiguo 04/10/2012, 21:19
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 5 meses
Puntos: 1567
Respuesta: Problemas con boton limpiar

Don @Furoya, lo suyo nunca es una molestia.

@arlene90, te contesto
Después de releer 3 veces todo, el problema básico es que no tenés mucha idea de lo que estás haciendo, y que estás planteando las cosas en forma ambigua, a lo que se agrega un código confuso.
Para simplificar,

Para resetear un form, con el botón reset basta y sobra(cosa que ya te han señalado los otros usuarios), y si lo querés hacer con javascript tenés que hacer una función a tal efecto. Respecto a eso de que lo "de la búsqueda no se resetea", es bastante obvio, porque tenés 2 forms diferentes, deberías tener 2 botones reset.
Finalmente, y medio adivinando, y aunque tampoco me parece lógico, presumo que al resetear el primer form querés que se resetee el 2º, ah, me olvidaba (y disculpá la crudeza), esto es cualquier cosa
Código Javascript:
Ver original
  1. <script>
  2. function limpiar(identificacion,nombre,primer_apellido,segu ndo_apellido )
  3.  {
  4.  identificacion.value="";
  5.  nombre.value="";
  6.  primer_apellido.value="";
  7.  segundo_apellido.value="";
  8.  
  9. }
  10.  </script>


Para que analices como se hace:

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.  
  7. <script type="text/javascript">
  8. //<![CDATA[
  9. /* script */
  10. function resetear_form(){
  11. var paises = document.getElementById('pais2');
  12. var elNombre = document.getElementById('nombre2');
  13. var elApellido = document.getElementById('apellido2');
  14. var laBusqueda = document.getElementById('buscar');
  15. paises.options[0].selected = true;
  16. elNombre.value="";
  17. elApellido.value="";
  18. laBusqueda.value="";
  19. }
  20. //]]>
  21. </head>
  22. <p>Form 1 con reset</p>
  23. <form action="#">
  24. <p>
  25. Nombre: <input type="text" name="nombre" id="nombre" /><br/>
  26. Apellido: <input type="text" name="apellido" id="apellido" /><br />
  27. <select name="pais" id="pais">
  28. <option value="">Pais</option>
  29. <option value="arg">Argentina</option>
  30. <option value="can">Canadá</option>
  31. <input type="reset" /> <input type="submit" />
  32. </p>
  33. </form>
  34.  
  35. <p>Form 2 con javascript</p>
  36. <form action="#">
  37. <p>
  38. Nombre: <input type="text" name="nombre2" id="nombre2" /><br/>
  39. Apellido: <input type="text" name="apellido2" id="apellido2" /><br />
  40. <select name="pais2" id="pais2">
  41. <option value="">Pais</option>
  42. <option value="arg">Argentina</option>
  43. <option value="can">Canadá</option>
  44. <input type="button" onclick="resetear_form()" value="limpiar" /> <input type="submit" />
  45. </p>
  46. </form>
  47. <p>Form 3, se resetea al resetear el form2</p>
  48. <form action="#">
  49. <p>
  50. busqueda: <input type="text" name="buscar" id="buscar" /><br/>
  51. <input type="submit" value="buscar" />
  52. </p>
  53. </form>
  54. </body>
  55. </html>

Ahora te resta adaptarlo a tu aplicación.
PD, en casos como este, para simplificar, no pases tu php, pasá tu html generado

SAludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #19 (permalink)  
Antiguo 05/10/2012, 09:57
 
Fecha de Ingreso: septiembre-2012
Mensajes: 103
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: Problemas con boton limpiar

el form 1 es para la busqueda el form 2 recibe la busqueda y aparte tiene dos campos que se deben llenar (el combolist y la especialidad) se que en la funcion de javascritp que puse o estan esos campos perdon era solo para saber si la funcion estaba bien por eso no los puse todos.

es solo un formulario que quiero limpiar no dos, perdon si mi problema es muy simple, o mi funcion.

el codigo mysql lo puse por peticion.
y bueno creo que si se lo que quiero pero no me se explicar.

quiero limpiar todos los campos del form2, el form1 es solo para buscar no quiero limpiar nada en ese.

con el boton reset solo se limpian los que el usuario ingresa los que se autollenan con la busqueda del form1 no se limpian.

si no me di a entender con esto tampoco, perdonen ya no se como explicarlo

Etiquetas: html
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 18:47.