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>