¿Cómo uso form.serialize de jQuery pero excluyo campos vacíos?

Tengo un formulario de búsqueda con una serie de entradas de texto y menús desplegables que se envía a través de un GET. Me gustaría tener una URL de búsqueda más limpia eliminando los campos vacíos de la cadena de consulta cuando se realiza una búsqueda.

var form = $("form");  
var serializedFormStr = form.serialize();  
// I'd like to remove inputs where value is '' or '.' here
window.location.href = '/search?' + serializedFormStr

¿Alguna idea de cómo puedo hacer esto usando jQuery?

He estado revisando los documentos de jQuery y creo que podemos hacer esto en una línea usando selectores :

$("#myForm :input[value!='']").serialize() // does the job!

Obviamente, #myForm obtiene el elemento con id "myForm", pero lo que fue menos obvio para mí al principio fue que el carácter de espacio es necesario entre #myForm y: input ya que es el operador descendiente .

: input coincide con todos los elementos input, textarea, select y button.

[value! = ''] es un atributo que no es igual al filtro. Lo extraño (y útil) es que todos: los tipos de elementos de entrada tienen atributos de valor, incluso selecciones y casillas de verificación, etc.

Finalmente para eliminar también las entradas donde el valor era '.' (como se menciona en la pregunta):

$("#myForm :input[value!=''][value!='.']").serialize()

En este caso, la yuxtaposición, es decir, colocar dos selectores de atributos uno al lado del otro , implica un AND. Usar una coma implica un OR. Lo siento si eso es obvio para la gente de CSS.

No pude hacer que la solución de Tom funcionara (?), Pero pude hacer esto usando .filter()una función corta para identificar campos vacíos. Estoy usando jQuery 2.1.1.

var formData = $("#formid :input")
    .filter(function(index, element) {
        return $(element).val() != '';
    })
    .serialize();

Esto funciona para mi:

data = $( "#my_form input").filter(function () {
        return !!this.value;
    }).serialize();

Podrías hacerlo con una expresión regular ...

var orig = $('#myForm').serialize();
var withoutEmpties = orig.replace(/[^&]+=\.?(?:&|$)/g, '')

Casos de prueba:

orig = "a=&b=.&c=&d=.&e=";
new => ""

orig = "a=&b=bbb&c=.&d=ddd&e=";
new => "b=bbb&d=ddd&"  // dunno if that trailing & is a problem or not

He usado la solución anterior, pero para mí no funcionaron. Entonces he usado el siguiente código

$('#searchform').submit(function(){

            var serializedData = $(this).serializeArray();
            var query_str = '';

            $.each(serializedData, function(i,data){
                if($.trim(data['value'])){
                    query_str += (query_str == '') ? '?' + data['name'] + '=' + data['value'] : '&' + data['name'] + '=' + data['value'];
                }
            });
            console.log(query_str);
            return false;
        });

Puede ser útil para alguien

Miraría el código fuente de jQuery. En la última versión de la línea 3287.

Podría agregar las funciones "serialize2" y "serializeArray2". por supuesto, nómbrelos con algo mezquino.

O la mejor manera sería escribir algo para sacar las variables no utilizadas de serializedFormStr. ¿Alguna expresión regular que busca = & en la mitad de la cadena o termina en = ¿Algún asistente de expresiones regulares alrededor?

ACTUALIZACIÓN: Me gusta más la respuesta de rogeriopvl (+1) ... especialmente porque no puedo encontrar ninguna buena herramienta de expresiones regulares en este momento.

Una alternativa a la solución de Rich :

$('#form').submit(function (e) {
  e.preventDefault();

  var query = $(this).serializeArray().filter(function (i) {
    return i.value;
  });

   window.location.href = $(this).attr('action') + (query ? '?' + $.param(query) : '');
});

Explicaciones:

• .submit()se engancha al submitevento del formulario
• e.preventDefault() evita que el formulario se envíe
• .serializeArray() nos da una representación de matriz de la cadena de consulta que se iba a enviar.
• .filter() elimina los valores falsos (incluidos los vacíos) en esa matriz.
• $.param(query) crea una representación serializada y compatible con URL de nuestra matriz actualizada
• establecer un valor para window.location.hrefenviar la solicitud

En coffeescript, haz esto:

serialized_form = $(_.filter($(context).find("form.params input"), (x) -> $(x).val() != '')).serialize()

Es posible que desee ver la función jquery .each (), que le permite iterar a través de cada elemento de un selector, de esta manera puede verificar cada campo de entrada y ver si está vacío o no y luego eliminarlo del formulario usando element.remove (). Después de eso, puede serializar el formulario.