Stop an input field in a form from being submitted
I'm writing some javascript (a greasemonkey/userscript) that will insert some input fields into a form on a website.
The thing is, I don't want those input fields to affect the form in any way, I don't want them to be submitted when the form is submitted, I only want my javascript to have access to their values.
Is there some way I could add some input fields into the middle of a form and not have them submitted when the form is submitted?
Obviously the ideal thing would be for the input fields to not be in the form element, but I want the layout of my resulting page to have my inserted input fields appear between elements of the original form.
Answer
You could insert input fields without "name" attribute:
<input type="text" id="in-between" />
Or you could simply remove them once the form is submitted (in jQuery):
$("form").submit(function() {
$(this).children('#in-between').remove();
});