Vue.js Data not being sent with HTML form submit

Question

So I have a form with some vue.js data like

<div class="form-group">
     <label class="form-label" for="field_description">Ontology Version</label>
     <input type="text" name="ontology-version" class="form-control" disabled :value="ontology">
</div>

When I submit the form by clicking the submit button, there's no data for the ontology-version in the POST request.

I have a submit button like this <button type="submit" class="btn btn-primary ml-auto">Save</button>

Also, When I inspect the element on chrome, I see that no value is set

How are you submitting the form, what does the rendered HTML look like when you do, and what is being sent? — robinsax
– robinsax, Commented Mar 8, 2019 at 21:20
You are leaving out code and logic in your question that will help someone find you an answer. Show us what your vue code looks like, show us the rest of your markup because youre just showing one div element. Tip: Avoid using images. and by the way, you are sending a request to 10.10.10.10... does that address even exist? Look in network tab in dev tools and see what the request/response looked like — Isaac Vidrine
– Isaac Vidrine, Commented Mar 8, 2019 at 21:36
Possible duplicate of Disabled form inputs do not appear in the request — tony19
– tony19, Commented Mar 8, 2019 at 22:21
The ontology-version input is disabled, so it's not included in the form data. Use readonly instead of disabled. — tony19
– tony19, Commented Mar 8, 2019 at 22:21

vuecoder · Accepted Answer · 2019-03-09 14:11:16Z

2

As said in comments and previous answer if you submit disabled input field .It wont be sent when request is made so pass it as readonly if you are intend to send this value.

<div class="form-group">
     <label class="form-label" for="field_description">Ontology Version</label>
     <input type="text" name="ontology-version" class="form-control" readonly :value="ontology">
</div>

answered Mar 9, 2019 at 14:11

vuecoder

384 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Radu Diță · Accepted Answer · 2019-03-09 13:58:40Z

0

Disabled input fields are not sent when the request is made.

This is by design, so you can filter fields out.

answered Mar 9, 2019 at 13:58

Radu Diță

14.3k2 gold badges33 silver badges37 bronze badges

Collectives™ on Stack Overflow

Vue.js Data not being sent with HTML form submit

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related