blocks|key|856450|text|尝试禁用表单域：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|856451|$("#PostalAddressContainer").prop("disabled",+true);|code-block|syntax|javascript|856452|如果它只是隐藏的，它仍然会与POST请求一起发送。CSS不应该对表单行为有任何影响，因为它的目的是改变事物的显示方式。|856453|请注意，这也是<input+type="hidden">的要点-不显示给用户，但仍然与请求一起发送。|offset|length|style|CODE|856454|entityMap^0|0|0|0|7|L|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|T|8|@$K|U|L|V|M|N]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

Try disabling the form field:

<pre><code>$("#PostalAddressContainer").prop("disabled", true);
</code></pre>

If it is only hidden, it will still be sent along with the POST request. CSS should never have any effect on form behavoir since its purpose is for changing how things are displayed.

Note, this is also the main point of <code>&lt;input type="hidden"&gt;</code> - to not be displayed to the user, but still be sent along with the request.

blocks|key|3172574|text|我不太确定问题是什么，但这是正常的行为。您还应该添加服务器端验证，因为您的应用程序需要更加自定义的验证逻辑。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3172575|顺便说一句，服务器端验证也是一种推荐的做法|3172576|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

I'm not too sure what is the question but, that's normal behaviour. You should add server-side validation as well since your application requires a more customised validation logic. 

BTW, server-side validation is also a recommended practice

blocks|key|1024090|text|您可以将其禁用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1024091|$('#PostalAddressContainer').attr('disabled',+'disabled');|code-block|syntax|javascript|1024092|这将不会在POST请求中被考虑。|1024093|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You can disable it

<pre><code>$('#PostalAddressContainer').attr('disabled', 'disabled');
</code></pre>

which will not be considered in a POST request.

blocks|key|856559|text|style="display:hidden“无效。我相信你把它和style="visibility:hidden;“混淆了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|856560|我相信你想用style="display:none;"|offset|length|style|BOLD|856561|entityMap^0|0|6|L|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

style="display:hidden" is not valid. I believe you are confusing it with style="visibility:hidden;"

I believe you want to use style="display:none;"

blocks|key|4640193|text|不幸的是，你的印象是错误的。所有成功的控件都被序列化，并在提交表单时由浏览器发送。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4640194|The+HTML+spec+defines+what+makes+a+control+successful.|offset|length|4640195|4640196|成功的控件对于提交是“有效的”。每个成功的控件都有与其当前值成对的控件名称，作为提交的表单数据集的一部分。成功的控件必须在表单元素中定义，并且必须具有控件名称。|blockquote|4640197|4640198|但是：|4640199|4640200|如果表单包含多个提交按钮，则只有激活的提交按钮是successful.|4640201|All+"on“复选框可以是共享相同名称属性值的successful.|unordered-list-item|4640202|
|4640203|For单选按钮，只有"on”单选按钮可以是successful.|4640204|4640205|For菜单，控件名称由|4640206|
元素提供，值由元素提供。只有选定的选项才能成功。如果未选择任何选项，则控制不会成功，并且当表单为submitted.|4640207|The文件的当前值选择是一个或多个文件名列表时，名称和任何值都不会提交到服务器。提交表单时，每个文件的内容将与表单数据的其余部分一起提交。文件内容根据表单的内容类型打包。|4640208|对象控件的当前值由对象的implementation.|4640209|确定|4640210|如果在提交表单时控件没有当前值，则不需要用户代理将其视为成功的控件。|4640211|此外，用户代理不应将以下控制视为成功：|4640212|已设置declare属性的buttons.|4640213|OBJECT元素重置|4640214|。|4640215|4640216|4640217|隐藏控件和由于样式表设置而未呈现的控件可能仍会成功。|style|BOLD|4640218|该规范明确指出，隐藏的表单元素应该发送到服务器。|4640219|除了隐藏字段之外，您还需要禁用它们。|4640220|$("#PostalAddressContainer+:input").prop("disabled",+true).hide();|code-block|syntax|javascript|4640221|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/html401/interact/forms.html#h-17.13.2^0|0|0|1I|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|Q|0|0|0|0^^$0|@$1|2|3|4|5|6|7|24|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|25|8|@]|9|@$D|26|E|27|1|28]]|A|$]]|$1|F|3|-4|5|6|7|29|8|@]|9|@]|A|$]]|$1|G|3|H|5|I|7|2A|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|2B|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|2C|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|2D|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|2E|8|@]|9|@]|A|$]]|$1|P|3|Q|5|R|7|2F|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|2G|8|@]|9|@]|A|$]]|$1|U|3|V|5|R|7|2H|8|@]|9|@]|A|$]]|$1|W|3|T|5|6|7|2I|8|@]|9|@]|A|$]]|$1|X|3|Y|5|R|7|2J|8|@]|9|@]|A|$]]|$1|Z|3|10|5|6|7|2K|8|@]|9|@]|A|$]]|$1|11|3|12|5|R|7|2L|8|@]|9|@]|A|$]]|$1|13|3|14|5|R|7|2M|8|@]|9|@]|A|$]]|$1|15|3|16|5|6|7|2N|8|@]|9|@]|A|$]]|$1|17|3|18|5|6|7|2O|8|@]|9|@]|A|$]]|$1|19|3|1A|5|6|7|2P|8|@]|9|@]|A|$]]|$1|1B|3|1C|5|6|7|2Q|8|@]|9|@]|A|$]]|$1|1D|3|1E|5|R|7|2R|8|@]|9|@]|A|$]]|$1|1F|3|1G|5|R|7|2S|8|@]|9|@]|A|$]]|$1|1H|3|-4|5|6|7|2T|8|@]|9|@]|A|$]]|$1|1I|3|-4|5|6|7|2U|8|@]|9|@]|A|$]]|$1|1J|3|1K|5|6|7|2V|8|@$D|2W|E|2X|1L|1M]]|9|@]|A|$]]|$1|1N|3|1O|5|6|7|2Y|8|@]|9|@]|A|$]]|$1|1P|3|1Q|5|6|7|2Z|8|@]|9|@]|A|$]]|$1|1R|3|1S|5|1T|7|30|8|@]|9|@]|A|$1U|1V]]|$1|1W|3|-4|5|6|7|31|8|@]|9|@]|A|$]]]|1X|$1Y|$5|1Z|20|21|A|$22|23]]]]

Unfortunately, your impression was incorrect. All successful controls are serialized and sent by the browser when a form is submitted.

<a href="http://www.w3.org/TR/html401/interact/forms.html#h-17.13.2" rel="nofollow">The HTML spec defines what makes a control successful.</a>

<blockquote>
 A successful control is "valid" for submission. Every successful
 control has its control name paired with its current value as part of
 the submitted form data set. A successful control must be defined
 within a FORM element and must have a control name.
 
 However:
 
 <ul>
 <li>Controls that are disabled cannot be successful.</li>
 <li>If a form contains more than one submit button, only the activated submit button is successful.</li>
 <li>All "on" checkboxes may be successful.</li>
 <li>For radio buttons that share the same value of the name attribute, only the "on" radio button may be successful.</li>
 <li>For menus, the control name is provided by a SELECT element and values are provided by OPTION elements. Only selected options may be
 successful. When no options are selected, the control is not
 successful and neither the name nor any values are submitted to the
 server when the form is submitted.</li>
 <li>The current value of a file select is a list of one or more file names. Upon submission of the form, the contents of each file are
 submitted with the rest of the form data. The file contents are
 packaged according to the form's content type.</li>
 <li>The current value of an object control is determined by the object's implementation.</li>
 </ul>
 
 If a control doesn't have a current value when the form is submitted,
 user agents are not required to treat it as a successful control.
 
 Furthermore, user agents should not consider the following controls
 successful:
 
 <ul>
 <li>Reset buttons.</li>
 <li>OBJECT elements whose declare attribute has been set.</li>
 </ul>
 
 Hidden controls and controls that are not rendered because of style
 sheet settings may still be successful.
</blockquote>

The spec explicitly says that hidden form elements should get sent to the server.

In addition to hiding the fields, you need to disable them.

<pre><code>$("#PostalAddressContainer :input").prop("disabled", true).hide();
</code></pre>

noneI have a form where the user can hide or show fields by clicking a checkbox. I am hiding the fields like this:

<pre><code> $("#ContactDetail_PostalAddressSameAsAddress").change(function () {
 if ($(this).prop('checked') != true) {
 $("#PostalAddressContainer").show("fast");
 $('#PostalAddressContainer :input').show();

 }
 else {
 $("#PostalAddressContainer").hide("fast");
 $('#PostalAddressContainer :input').hide();
 }
 });
</code></pre>

I was under the impression that field with style="display:none" do not post back. However, when I submit the form, the client side validation does not validate the hidden fields, which is what I expect. But, on the server side ModelState.IsValid is false due to the mandatory display:none fields not being set.

In fiddler I can see the form data for the display:none fields. Please help.

Why do fields with style="display:hidden" post back?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

noneI有一个表单，用户可以在其中通过单击复选框来隐藏或显示字段。我像这样隐藏字段： $("#ContactDetail_PostalAddressSameAsAddress").change(function () {        if ($(this).prop('checked') != true) {   ...

问为什么带有style="display:hidden“的字段回发？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么带有style="display:hidden“的字段回发？EN