JavaScript submit form excluding fields

Question

I have a simple html form:

<form action="test" method="post" id="myForm">
    <input type="text" name="myTextField">
    <input type="text" name="myTextField2">
    <input type="text" name="dontSubmitThisField">
</form>

And I need to submit it with JavaScript, but I want to exclude the dontSubmitThisField field from the request. Is there a way of doing that without Ajax?

The `disabled` html attribute will do what you want – nmarsh Oct 24 '14 at 19:20 — nmarsh, Oct 24 '14 at 19:20

score 11 · Accepted Answer · answered Oct 24 '14 at 19:21

Just disable the field.

Either do it via HTML if the field cannot be updated by the user: http://www.w3schools.com/tags/att_input_disabled.asp

Or do it via jQuery with a on submit event:

$('#myForm').submit(function(){
    $('input[name="dontSubmitThisField"]').prop('disabled', true);
});

score 6 · Answer 2 · answered Oct 24 '14 at 19:23

Disabled fields or fields without a name attribute won't submit.

However, if somehow you want to name your fields and do not want to disable them upfront, you could intercept all form submissions and disable every fields that have a data-no-submit attribute.

document.addEventListener('submit', function (e) {
    if (!e.defaultPrevented) {
        [].forEach.call(e.target.querySelectorAll('[data-no-submit]'), function (field) {
            field.disabled = true;
        });
    }
});

Then you can just do:

<input type="text" name="dontSubmitThisField" data-no-submit>

score 3 · Answer 3 · answered Jul 05 '21 at 11:34

3

Just add form="nosubmit" to the input. This assigns the field to a different form altogether, so it won't be submitted.

answered Jul 05 '21 at 11:34

SwaJime

41
5

Not my first choice for most cases, but pretty clever. This may be the right answer for someone. – Tom Jul 05 '21 at 20:05

score 2 · Answer 4 · answered Oct 24 '14 at 19:18

2

Why would you collect information you don't need?

Regardless, if you remove the field's name it won't POST

answered Oct 24 '14 at 19:18

Graham T

968
9
14

2

It's not because you do not send the information to the server that you do not need to collect it. Think about a password change form. You would have a passwordConfirmation field which doesn't have to be sent. – plalx Oct 24 '14 at 19:33

score 1 · Answer 5 · edited May 23 '17 at 11:53

1

You can disable the field, and it won't be included in the post vars. Disabled form fields are not submitting data

edited May 23 '17 at 11:53

Community

1
1

answered Oct 24 '14 at 19:19

undefined

2,051
3
26
47

score 1 · Answer 6 · answered Oct 24 '14 at 19:20

1

To submit the form with JavaScript use myForm.submit(); To exclude the field, remove the name. You can keep an ID if you need to reference the field for some reason. Or - you can just ignore the field altogether on the server side.

answered Oct 24 '14 at 19:20

Howard Renollet

4,609
1
24
31

JavaScript submit form excluding fields

6 Answers6