How do I submit disabled input in ASP.NET MVC? Mvc

C# Problem Overview

How do I submit disabled input in ASP.NET MVC?

C# Solutions

Solution 1 - C#

Can't you make the field readonly="readonly" instead of disabled="disabled"? A readonly field value will be submitted to the server while still being non-editable by the user. A SELECT tag is an exception though.

Solution 2 - C#

Thanks to everyone:

The way i resolved this:

document.getElementById("Costo").readOnly = true;
document.getElementById("Costo").style.color = "#c0c0c0";


I got this information on the answer but i got editted.

Solution 3 - C#

@ppumkin mentioned this on his comment on this answer but I wanted to highlight it as I was unable to find other resources on submitting data from a disabled <select>. I also believe it is relevant to the question as selects are not <input>s but they are "input"s.

>Just include a Hidden field for the disabled select and its all sorted.


@Html.DropDownListFor(model => model.SelectedID, ... , new { disabled = "disabled"}) @* Won't be posted back *@
@Html.HiddenFor(model => model.SelectedID) @* Will be posted back *@

Caution: this will put two tags on the page with the same ID, which is not really valid HTML and could cause headaches with javascript. For me, I have javascript to set the value of the dropdown by its html id, and if you put the hidden field first, the javascript will find that instead of the select.

Solution 4 - C#

Typically, if I have a field that is "read-only" but needs to be submitted back to the server, I will make the display disabled (or simply text), but then add a hidden field with the same name. You still need to make sure that the field is not actually modified on the server-side -- just don't update it from the model in your action -- but the model state will still be accurate if there are errors.

Solution 5 - C#

You can also use code like this before the form submits:

$(":disabled", $('#frmMain')).removeAttr("disabled");

Solution 6 - C#

By design browsers do not support that.

Either make them readonly which allows submitting values to server or if you're dealing with controls that are still usable with readonly attribute such as Select, add css style pointer-events: none; to make them non-interactive

Kind of a hack, but works! It also works when you are submitting form directly with submit button without using javascript. No extra work required!


<select asp-for="TypeId" 
   asp-items="@(new SelectList(await TypeRepository.FetchTypesAsync(), "TypeId", "Name"))"
   class="form-control form-control-sm" 
   style="pointer-events: none;">

Solution 7 - C#

You can create an editor template like the one below


.disabled {

Editor Template

@model string
@Html.TextBoxFor(x => x,new {@class="disabled", @readonly=true })

Solution 8 - C#

This will help in submit model values in

$("#iD").attr("style", "pointer-events: none;background-color:rgb(220,220,220)");

Solution 9 - C#

when we are dealing with disabled but checked checkboxes and we want to post the value, we need to ensure our hidden field appears before the @Html.CheckBoxFor hidden field.

following is the link from where I found the answer.

Solution 10 - C#

I usually use this way for CheckBox or CheckBoxFor because making it disabled is causing the losing the value. Readonly doesn't work on checkbox neither.

@Html.DisplayFor(m => m.Order.Transfer)
@Html.HiddenFor(m => m.Order.Transfer)

Solution 11 - C#

expanding Tasos' (":disabled", $('#xxxForm')).removeAttr("disabled"); you can use:

$("#xxxForm").submit(function (e) {
    var form = this;
    $('#Field1')[0].disabled = false;
    $('#Field2')[0].disabled = false;
    $('#FieldN')[0].disabled = false;
    form.submit(); // submit bypassing the jQuery bound event

Solution 12 - C#

Just put this script in @section scripts in your page. this will enable inputs when you submit the page, and you should redirect user to another page after submit.

<script src="">
$("form").submit(function () {
                    if ($('form').valid()) {

Solution 13 - C#

Just make that property [Required] in the ViewModel linked to that view.


All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionSanchitosView Question on Stackoverflow
Solution 1 - C#Darin DimitrovView Answer on Stackoverflow
Solution 2 - C#SanchitosView Answer on Stackoverflow
Solution 3 - C#DLehView Answer on Stackoverflow
Solution 4 - C#tvanfossonView Answer on Stackoverflow
Solution 5 - C#Dhaval PankhaniyaView Answer on Stackoverflow
Solution 6 - C#PirateView Answer on Stackoverflow
Solution 7 - C#joetingerView Answer on Stackoverflow
Solution 8 - C#RohanView Answer on Stackoverflow
Solution 9 - C#Mitesh PatelView Answer on Stackoverflow
Solution 10 - C#Mehmet Taha MeralView Answer on Stackoverflow
Solution 11 - C#flaviorView Answer on Stackoverflow
Solution 12 - C#Ahmed Mahmoud AbdElbasetView Answer on Stackoverflow
Solution 13 - C#KurogeView Answer on Stackoverflow