我已将表格分成两部分:sec1
和sec2
。每个部分是名为sec1Div
和sec2Div
的div的一部分。根据一些选择div是隐藏。但问题是仍然提交隐藏段中的字段。请建议一种方式,以便在提交时不会提交div中的所有字段。如何停止提交表单中的所有字段?
0
A
回答
3
有几种方法可以做到这一点。你可以挂钩一个函数,形式为submit
的事件,或者你可以删除隐藏div内的字段的属性。您还可以通过设置disabled="disabled"
禁用字段,。
如果您使用jQuery,您可以执行这些示例。
要禁用隐藏的div各个领域,你可以这样做:
function hideDiv(el) {
$('input', el).each(function(){
$(this).attr('disabled', 'disabled');
});
$(el).hide();
}
而且,相应的显示DIV功能:
function showDiv(el) {
$('input', el).each(function(){
$(this).removeAttr('disabled');
});
$(el).show();
}
请提醒的是,这仅仅是一个代码示例。但你可以从中得到这个想法。
1
发生这种情况的原因是因为元素仍在form
元素内。使用CSS隐藏div
不会改变这一点 - 它们仍然存在于DOM中。
这很可能是最容易隐藏input
字段添加到可用于识别服务器端的哪一个,你应该处理每个div
。然后您可以简单地忽略隐藏表单中的数据。
如果你真的必须阻止发布的数据,这是有点混乱,但你可以移动form
元素以外的隐藏div
的内容,以便这些字段不会被提交。如果您想再次显示div
,则需要将字段移回。取决于CSS的复杂程度,这可能会在某些浏览器中导致问题,所以我建议使用我的第一个建议。
相关问题
- 1. 停止提交表单中的输入字段
- 2. 如何停止提交表单?
- 3. 用提交eventlistener停止表单提交
- 4. jQuery停止表单提交
- 5. JavaScript停止提交表单
- 6. 如何禁用所有字段的表单提交,但提交按钮
- 7. 如何使用隐藏字段提交表单提交表单?
- 8. Angular 2:在提交时将json对象中的所有表单字段提交
- 9. 如何防止提交某些表单的字段
- 10. 停止对表格所需提交
- 11. 如何停止HTML/jQuery中的双表单提交?
- 12. 提交表单字段时提交
- 13. 停止评论提交如果字段没有被设置
- 14. 使用jQuery停止表单提交
- 15. 停止换行提交表单?
- 16. 表单提交停止刷新
- 17. 从提交表单停止Firefoxfox
- 18. 返回false不停止提交表单
- 19. 停止提交表单与jquery
- 20. 停止谷歌表单提交按键
- 21. 停止提交表单拦截
- 22. v-on:submit.prevent不停止表单提交
- 23. 停止提交表单,使用Jquery
- 24. Javascript OnChange脚本 - 停止表单提交
- 25. 如何停止在Liferay 5.2.3中提交空表单域?
- 26. 如果需要,在表单提交时停止加载图像字段
- 27. 如何停止处理/提交使用jQuery AJAX提交的表单?
- 28. 表 - 停止双提交
- 29. Rails:如果字段为空,请阻止提交表单
- 30. 停止按钮从提交然后使用JavaScript提交表单