Why doesn't a disabled input field get sent in the request body?

Question

I have the following form:

<form class="form-horizontal" role="form" action="/updatedetails" method="POST">
  <input type="hidden" name="_csrf" value="{{_csrfToken}}">
  <div class="form-group">
    <label for="fieldUsername" class="col-sm-2 control-label">Username:</label>
    <div class="col-sm-4">
      <input type="text" disabled class="form-control" id="fieldUsername" name="username">
    </div>
  </div>
  <!-- more content -->

The value of the username input text field is set by jQuery during page load:

$('#fieldUsername').val(username);

The jQuery seems to work, as I can see the username field into the text field although it is disabled.

My question is, when I post the form why is the username not included in the request body ? All the fields are included. Does it mean that disabled fields are not included in the request body ?

Change disabled to readonly – Roy Bogado Oct 16 '17 at 08:55 — Roy Bogado, Oct 16 '17 at 08:55

score 4 · Answer 1 · edited Dec 03 '17 at 13:03

4

This field is not sent as it's disabled.

You should change it to readonly.

Regards

edited Dec 03 '17 at 13:03

Pedram

14,199
8
38
69

answered Oct 16 '17 at 08:57

Benoit Gambier

98
7

you are right!! – Rahul Iyer Oct 16 '17 at 09:03
1

Dude - can you delete your answer so i can delete my question ? Everyone is giving me -1! – Rahul Iyer Oct 16 '17 at 09:04

Why doesn't a disabled input field get sent in the request body?

1 Answers1