Stop an input field in a form from being submitted
forms, html, javascript, userscripts
Solution
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();
});
Problem
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.