blocks|key|1268676|text|感谢所有人：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1268677|我解决这个问题的方式是：|1268678|document.getElementById("Costo").readOnly+=+true;
document.getElementById("Costo").style.color+=+"#c0c0c0";|code-block|syntax|javascript|1268679|注意：|1268680|我在答案上得到了这个信息，但我被编辑了。|1268681|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Thanks to everyone:

The way i resolved this:

<pre><code>document.getElementById("Costo").readOnly = true;
document.getElementById("Costo").style.color = "#c0c0c0";
</code></pre>

Note:

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

blocks|key|1053876|text|不能将字段改为readonly="readonly"而不是disabled="disabled"吗？只读字段值将提交给服务器，但用户仍不可编辑。不过，SELECT标记是个例外。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1053877|entityMap^0|7|J|T|J|23|6|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

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

blocks|key|1268553|text|通常，如果我有一个字段是“只读”的，但需要提交回服务器，我会禁用显示(或简单的文本)，但然后添加一个具有相同名称的隐藏字段。您仍然需要确保该字段实际上没有在服务器端被修改--只是不要在您的操作中从模型中更新它--但是如果有错误，模型状态仍然是准确的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1268554|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|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.

blocks|key|1268766|text|您也可以在表单提交之前使用如下代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1268767|$(":disabled",+$('#frmMain')).removeAttr("disabled");|code-block|syntax|javascript|1268768|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

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

<pre><code>$(":disabled", $('#frmMain')).removeAttr("disabled");
</code></pre>

blocks|key|1054349|text|根据设计，浏览器不支持这一点。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1054350|或者使它们成为允许向服务器提交值的readonly，或者如果您正在处理仍然可以使用readonly属性的控件，则添加css样式pointer-events:+none;以使它们不具有交互性|offset|length|style|CODE|1054351|有点像黑客，但很管用！当你不使用javascript而直接使用提交按钮提交表单时，它也是有效的。不需要额外的工作！|1054352|例如：|1054353|<select+asp-for="TypeId"+
+++asp-items="@(new+SelectList(await+TypeRepository.FetchTypesAsync(),+"TypeId",+"Name"))"
+++class="form-control+form-control-sm"+
+++readonly+
+++style="pointer-events:+none;">
</select>|code-block|syntax|javascript|1054354|entityMap^0|0|H|8|15|8|1R|L|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@$D|U|E|V|F|G]|$D|W|E|X|F|G]|$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|10|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|11|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|12|8|@]|9|@]|A|$O|P]]|$1|Q|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|R|$]]

By design browsers do not support that.

Either make them <code>readonly</code> which allows submitting values to server
or if you're dealing with controls that are still usable with <code>readonly</code> attribute such as Select, add css style <code>pointer-events: none;</code> 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!

Eg:

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

blocks|key|1054054|text|您可以创建如下所示的编辑器模板|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1054055|CSS|1054056|.disabled+{
++++background-color:lightgray;
}|code-block|syntax|javascript|1054057|编辑器模板|1054058|@model+string
@Html.TextBoxFor(x+=>+x,new+{@class="disabled",+@readonly=true+})|1054059|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

You can create an editor template like the one below

CSS

<pre><code>.disabled {
 background-color:lightgray;
}
</code></pre>

Editor Template

<pre><code>@model string
@Html.TextBoxFor(x =&gt; x,new {@class="disabled", @readonly=true })
</code></pre>

blocks|key|1054401|text|这将有助于在ASP.net中提交模型值：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1054402|$("#iD").attr("style",+"pointer-events:+none;background-color:rgb(220,220,220)");|code-block|syntax|javascript|1054403|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This will help in submit model values in ASP.net:

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

blocks|key|1054137|text|当我们处理禁用但被选中的复选框时，我们想要post值，我们需要确保我们的隐藏字段出现在@Html.CheckBoxFor隐藏字段之前。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1054138|以下是我找到答案的链接。http://davecallan.com/posting-disabled-checkboxes-mvc-razor-views/#comment-11033|offset|length|1054139|entityMap|0|LINK|mutability|MUTABLE|url|http://davecallan.com/posting-disabled-checkboxes-mvc-razor-views/#comment-11033^0|0|C|28|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

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.
<a href="http://davecallan.com/posting-disabled-checkboxes-mvc-razor-views/#comment-11033" rel="nofollow noreferrer">http://davecallan.com/posting-disabled-checkboxes-mvc-razor-views/#comment-11033</a>

blocks|key|1268918|text|我通常对CheckBox或CheckBoxFor使用这种方式，因为禁用它会导致值丢失。Readonly在复选框上也不起作用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1268919|@Html.DisplayFor(m+=>+m.Order.Transfer)
@Html.HiddenFor(m+=>+m.Order.Transfer)|code-block|syntax|javascript|1268920|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

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.

<pre><code>@Html.DisplayFor(m =&gt; m.Order.Transfer)
@Html.HiddenFor(m =&gt; m.Order.Transfer)
</code></pre>

blocks|key|1054269|text|展开Tasos‘(":disabled"，$(’#xxxForm‘)).removeAttr(“disabled”)，可以使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1054270|$("#xxxForm").submit(function+(e)+{
++++e.preventDefault();
++++var+form+=+this;
++++$('#Field1')[0].disabled+=+false;
++++$('#Field2')[0].disabled+=+false;
++++...
++++$('#FieldN')[0].disabled+=+false;
++++form.submit();+//+submit+bypassing+the+jQuery+bound+event
});|code-block|syntax|javascript|1054271|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

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

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

blocks|key|1269196|text|只需将此脚本放在页面的@section脚本中即可。这将在您提交页面时启用输入，并且您应该在提交后将用户重定向到另一个页面。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1269197|​|1269198|<script+src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js">
$("form").submit(function+()+{
++++++++++++++++++++if+($('form').valid())+{
++++++++++++++++++++++++$("input").removeAttr("disabled");
++++++++++++++++++++}
++++++++++++++++});
</script>|code-block|syntax|javascript|1269199|1269200|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

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.

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"&gt;
$("form").submit(function () {
 if ($('form').valid()) {
 $("input").removeAttr("disabled");
 }
 });
&lt;/script&gt;</code></pre>
</div>
</div>

blocks|key|1054164|text|只需将ViewModel中所需属性链接到该视图即可。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1054165|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

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

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

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

服务器

jQuery

如何在ASP.NET MVC中提交禁用的输入？

问如何在ASP.NET MVC中提交禁用的输入？
EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在ASP.NET MVC中提交禁用的输入？EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在ASP.NET MVC中提交禁用的输入？
EN