How can I remove empty fields from my form in the querystring?

Question

I have a simple form with four inputs. When I submit my form, I want to use the GET http method.

For the example :

aaa : foo
bbb : ____
ccc : bar
ddd : ____

I want to have this query string :

/?aaa=foo&ccc=bar

The problem is I have this query string :

/?aaa=foo&bbb=&ccc=bar&ddd=

How can I remove empty fields from my form in the query string ?

Thanks.

Answer 1

You could use jQuery's submit function to validate/alter your form:

<form method="get" id="form1">
    <input type="text" name="aaa" id="aaa" /> 
    <input type="text" name="bbb" id="bbb" /> 
    <input type="submit" value="Go" />
</form>
<script type="text/javascript">
    $(document).ready(function() {
        $("#form1").submit(function() {
            if($("#bbb").val()=="") {
                    $("#bbb").remove();
            }
        });
     });
</script>