Limpiar todas las cajas de texto de una pagina con Jquery

You may also like...

14 Responses

  1. alfonso dice:

    Hola mira eso es muy sencillo de hacer no necesitas la funcion each por q jquery con el selector $(“:text”) seleciona todos los input de tipo text asi q con una sola linea se limpia asi $(“:text”).val(‘ ‘); no entiendo por q el uso del each a menos que vallas a validar los campo en fin si es asi te puedo pasar una simple funcion para validar con jquery

    • Jodacame dice:

      Hola alfonso tienes toda la raz贸n, no se que me ha pasado! … creo que por estar Copy/Paste de mi c贸digo… y como tu lo has dicho yo recorr铆a todo los Input y realizaba una validaci贸n antes.

      Agregare tu comentario en la entrada.

      Saludos.

  2. abner dice:

    AMigos… en que parte del codigo incerto esta linea? graxias

  3. Genial me sirvio de mucho, gracias por el tip saludos

  4. Cristopher dice:

    Estimado y solo deseo hacer las cajas que estan dentro de un div, es decir, limpiar cajas que se encuentran dentro de un modal de jquery?

    • jodacame dice:

      Hola crisopher, si deseas hacerlo solo a las cajas de un div, este div debe tener un ID o una clase unica y se hace de la siguiente manera:

      Para un div con ID:
      $(鈥:text鈥,$(“#DIV_ID”)).val(鈥);

      Para un div con CLASS unica:
      $(鈥:text鈥,$(“.NOMBRE_CLASE”)).val(鈥);

      Otra alternativa es ponerle una clase unica a los inputs que quieres limpiar ejemplo:

      Luego haces:

      $(“.limpiar”).val(“”);

      Saludos y gracias por visitar mi blog!

  5. jorgito dice:

    mejor aun:
    usar xhtml correcto, formularios y el input type reset

    • jodacame dice:

      Hola jorgito, gracias por tu comentario… este post es para otro tipo de funcionalidades de la aplicaciones, ejemplo: limpiar las cajas dimanicamente sin que el usuario deba hacer click en un bot贸n ya sea por una validaci贸n o un evento externo. es muy util cuando queremos darle un poco mas de UX a nuestras aplicaciones y no irnos por los desarrollos tradicionales.

      Saludos y gracias por visitar mi blog.

      PD: lo que dices es valido como el xhtml 馃檪

      • Guest dice:

        hay caso que input type reset no es eficiente x por ejemplo
        si carga la pagina con codigo php de este modo
        <input type='text' name='ej' id='ej' value='’/>
        no te limpia el campo. siempre te vuelva 1 en conclusion
        el tipo reset solo regresa el formulario al estado que carga la pagina no lo limpia en si. si la pagina se carga con datos en los campo. la opcion reset devuelva los datos iniciar no los campos vacio en si.

        saludo desde haiti!

      • Bruno dice:

        en base de este ejemplo desarrolle una funccion mas amplio 馃檪
        x=’id_objecto’;
        function Limpiar(x){

        $(“#”+x+” input[type=text]”).each(function(){

        $($(this)).val(”);

        });

        $(“#”+x+” input[type=radio]”).each(function(){

        $($(this)).attr(‘checked’,false);

        });

        $(“#”+x+” input[type=checkbox]”).each(function(){

        $($(this)).attr(‘checked’,false);

        });

        $(“#”+x+” textarea”).each(function(){

        $($(this)).html(”);

        });

        $(“#”+x+” select option[value=”],#”+x+” select option[value=’null’]”).attr(“selected”,true);

        }

    • Bruno dice:

      hay caso que input type reset no es eficiente x por ejemplo
      si carga la pagina con codigo php de este modo

      no te limpia el campo. siempre te vuelva 1 en conclusion
      el tipo reset solo regresa el formulario al estado que carga la pagina no lo limpia en si. si la pagina se carga con datos en los campo. la opcion reset devuelva los datos iniciar no los campos vacio en si.

      saludo desde haiti!

Deja un comentario

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *