You are here

form 表单为什么不能嵌套

星期四, 2017-05-18 15:39 — adminshiping1

满意答案SOSO用户8级2010-02-03好像没有那么多为什么的，这只是html的一种规范和定义而已。form表单嵌套从语法来说并没有错，但是提交的时候一定会报错，原因很简单了，form中封装了用户的请求，你定义了两个嵌套的form，那么提交的时候应该提交哪一个呢？程序不会知道你要提交哪个，所以肯定会有错的。补充：实际刚才两个人说的并不矛盾的，确实可以使用js来控制多表单的，但是绝对不是你想的那样进行表单的嵌套

比如你可以通过一个js函数先获取表单中的部分数据，然后通过javascript语言来重新建立一个表单，然后在脚本语言中进行你自己创建的那个表单的提交。但是这个表单是程序运行时动态创建的，却绝对不可以使用<form><form>这样的嵌套格式！~
来自 https://zhidao.baidu.com/question/584782902.html

外围的 form 是修改操作，里面的 form 是想提过一个查询功能，就是想在修改界面中直接查询一条记录，然后修改！

<form name="updateForm" action="updateAction.do" method="post">

  （有需要修改的字段）

  <from name="selectForm" action="selectAction.do" method="post">
    <input type="text" name="wid"><input type="button" value="查询">
  </form>

  （有需要修改的字段）

  <input type="submit" value="修改">
</form>

试了试，不太满意，大家有什么好的方案？

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

回复次数：33

#1 得分：5回复于： 2007-04-24 09:39:43

不用把form 嵌套在一起吧～！

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#2 得分：5回复于： 2007-04-24 09:40:01

可以考虑用iframe，
或者就直接用一个form就行了，当按钮点击时用js改变form的action属性

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#3 得分：5回复于： 2007-04-24 09:40:42

不用嵌套 form
用ajax做
或用javascript做，在另一个form里查后改前一个form里的值

对我有用[1] 丢个板砖[0] 引用 | 举报 | 管理

#4 得分：5回复于： 2007-04-24 09:45:07

你写一个form
在此form中的提交事件用js处理。

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#5 得分：5回复于： 2007-04-24 09:55:19

我用JAVASCRIPT，在FORM里面字段都一样，但是要提交给不同的action的时候，

//得到你的from
var form = document.forms['yourForm'];
//在这里手工指定提交给哪个ACTION
form.action = 'updateAction.do';
//执行SUBMIT
form.submit();

你可以把这些代码封装为一个JS方法，在HTML中，用onclick事件触发就OK了

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#6 得分：0回复于： 2007-04-24 09:56:06

以上我说的方法，是比较有效，可行的方法，我们的项目里都是这么做的~

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#7 得分：0回复于： 2007-04-24 10:00:06

谢谢：v38 ！！！

我试试。

要是再详细一点儿，那就更好了！ ^_^

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#8 得分：5回复于： 2007-04-24 10:18:01

楼主一定要form嵌套么?不用type="button"用type="image" 然后做个像按钮的漂亮图片不好么?
head里加入
<script language="JavaScript">
   function submitForm(page){
      this.document.form1.action = page;
      document.form1.submit();
      return true;
   }
</script>

<form method="post" name=form1 action="updateAction.do">
(要修改的记录)
把你的第2个form去掉换成这个
<input type="text" name="wid">
<input type="image" name="button" onclick="submitForm('/SSSS/JJJJJ?sr1=<%=lll%>&sr2=<%=oooo%>')" src="/commit.png"/>
</form>

下面对上面的代码做下解释上面那个JS是管提交数据的通过它可以把所有的带有onclick的图片变成提交按钮 submitForm()的参数是 '/路径/文件名?提交值=<%这里写提交的变量%>'如果有多个就用&连接当然具体到你这个程序你只需要给出路径和查询的servlet名就行了可以在那边通过getParameter("wid")取出你想要的值并调用连接数据库的方法进行查询然后把结果再发回这个页面就可以看到结果了

对我有用[1] 丢个板砖[1] 引用 | 举报 | 管理

#9 得分：0回复于： 2007-04-24 10:22:43

上面的那个submitForm()方法在不用框架的普通jsp里还是很管用的它可以实现一个form里有多个提交只要你给出路径和要提交到的文件名就行
因为这个方法我好久没有用了提交到那边是否可以用getParameter("wid")我还真拿不准了不过如果是通过?号后面的参数传过去是不会有问题的

对我有用[0] 丢个板砖[1] 引用 | 举报 | 管理

#10 得分：5回复于： 2007-04-24 10:25:18

最好用AJAX来做提交和查询

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#11 得分：5回复于： 2007-04-24 10:44:07

form可以嵌套吗？不行吧。上面的方法都挺好。

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#12 得分：0回复于： 2007-04-24 11:06:43

没有不行的，不过还在试...

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#14 得分：5回复于： 2007-04-24 14:38:03

嵌套FORM？这简直是毫无逻辑的想法。改变一下混乱的思路吧，首先想清楚FORM是一种什么东西，它的行为是怎样的。

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#15 得分：5回复于： 2007-04-24 15:02:14

怎么会表单写成这样,说说你的需求,或许大家能给你好的提议

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#16 得分：5回复于： 2007-04-24 16:12:14

可以肯定的说，从web编程发明到今天，没有可以嵌套的form，也没有需要这样做的必要，

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#17 得分：5回复于： 2007-04-24 16:35:49

应该没有需要

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#18 得分：5回复于： 2007-04-24 17:02:19

用<div>将页面的表单元素包围，然后用ajax动态刷新，连form都不用了

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#19 得分：5回复于： 2007-04-24 17:13:28

开始也不相信，只用过一个页面多个form。
不过人家楼主说了是可以的，虽然这样比较罕见。不过还是纳闷如果form可以酱紫用那还要hidden类型的input和ajax干嘛？楼主：酱紫真的可以吗？不会报错吗？？？
iframe可能会影响展现。

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#20 得分：0回复于： 2007-04-26 10:04:19

TO：v38

我的嵌套form 还是有点儿问题，希望你能说的详细一点儿吧！

谢谢了！

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#21 得分：0回复于： 2007-04-26 11:07:31

真晕非要嵌套form啊真没见过这么用的如果一定要那么用那只能说明设计不合理用我上面说的JS的submitForm()方法可以多个提交不好么又不是只有form才能提交有必要嵌套么？......

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#22 得分：5回复于： 2007-04-26 11:25:58

form哪可以嵌套呀
用一个form就行呀
<script language="JavaScript">
   function gogogo(){
      document.updateForm.action = selectAction.do;
      document.updateForm.submit();
   }
</script>

<form name="updateForm" action="updateAction.do" method="post">
  （有需要修改的字段）
    <input type="text" name="wid"><input type="button" onclice="gogogo()" value="查询">
  （有需要修改的字段）
  <input type="submit" value="修改">
</form>

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#23 得分：5回复于： 2007-04-26 11:57:48

form 不能嵌套，一定要纠正错误的想法，你可以通过参数来控制

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#24 得分：4回复于： 2007-04-26 12:49:22

我现在要解决的问题，跟你的很相像啊！我考虑的是用Iframe
<form id="frm" name="frm" method="post" action="d.jsp">
<iframe id="ifrm0" width=600 height="94" MARGINHEIGHT="0" MARGINWIDTH="0" frameborder=0 border=0 src="/c.jsp?id=0" scrolling=no></iframe>
<iframe id="ifrm1" width=600 height="94" MARGINHEIGHT="0" MARGINWIDTH="0" frameborder=0 border=0 src="/c.jsp?id=1" scrolling=no></iframe>
<input type="submit" name="btn1" value="提交" onclick="a()">
</form>
<script >
function a (){
//var iframe= document.getElementById("ifrm");
//alert(iframe.length);
//for()
document.frames["ifrm0"].document.forms["frm1"].submit();
document.frames["ifrm1"].document.forms["frm1"].submit();
//document.frm.action="d.jsp";
document.frm.submit();
}
</script>

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#25 得分：0回复于： 2007-04-26 12:51:09

但有一个问题，就是我不知道如果在d.jsp页面里得到各个iframe的名称及值

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#26 得分：0回复于： 2007-05-01 00:06:34

较真的人见多了，但lz这么较真的人还是第一次见

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#27 得分：4回复于： 2007-05-01 09:24:07

嵌套好像不行，可以用js脚本实现

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#28 得分：4回复于： 2007-05-01 11:55:15

form不可以嵌套。
你放两个提交按钮好了，如：一个为“修改”，一个为“查询”，点击任何一个按钮都会提交到服务器，然后判断是从哪个按钮提交上来的即可。
再用js辅助一下效果更好。

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#29 得分：4回复于： 2007-05-03 22:04:17

用javascript

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#30 得分：4回复于： 2007-05-03 22:34:14

form不能嵌套的吧

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#31 得分：0回复于： 2008-08-28 14:08:48

看来的确不能嵌套

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#32 得分：0回复于： 2011-06-07 11:25:02

form嵌套form貌似有问题，我的嵌套根本就不进action，
<s:form action="admin_doUpdateFile" name="form">
<s:iterator value="filesFileList" id="filesFile">
       <s:textfield name="name" size="15"/>
       <s:textfield name="md5" size="35" maxlength="32"/>
<s:form action="admin_xmlImagesUpload"  name="form1" enctype="multipart/form-data" theme="simple">
    <input type="file" name="upimages" id="images" cssClass="textarea1"/>
<s:submit cssClass="button2" value="上传" onclick="disabled=true;form1.submit();" />
   </s:form>
   </s:iterator>
<s:submit cssClass="btn2" value="确定" onclick="disabled=true;form.submit();"/>
</s:form>

我的代码是这样的，各位大侠有什么好的主意吗？我是将查出来的一个list在页面上迭代，每条数据的后面有一个上传图片，我想点击上传，就将图片上传上去，但是点击确定，将修改数据，这样我该怎么做啊，各位高手帮帮忙啊！

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

#33 得分：0回复于： 2011-08-08 10:23:01

一个form足够完成所有内容

来自 http://bbs.csdn.net/topics/110024205

普通分类: