做网站开发如何在form中嵌套form？

Posted 2023-05-02

我有两个form，外围的form用来提交全部信息，里面的form是用来即使查找数据，所以在查找数据的时候不能将外围的form提交，这样我就需要form嵌套form，但是这样做好像在action中取到的值为空值，请问如何解决。
Ajax做异步刷新，所以不能提交表单，但是要取到内层表单的数据。

参考技术A this.form.submit() 参考技术B 你在action里面加个querystring就成了.像这样
<form action="process.asp?actiontype=actiona">
.....
<form action="process.asp?actiontype="actionb">...</form>
</form>

process.asp
<%
if request.querystring("actiontype")="actiona" then
处理大form
else if request.querystring("actiontype")="actionb" then
处理小form
end if
end if
%>

或者用两个不同的页面处理submit都行

另外submit的按钮要看放在哪个form里面,放在小form里面就处理小form的数据

表单嵌套问题的解决方法

在html中，表单form是不能够嵌套使用的，例如：

<form name="form1">
    <form name="form2">
    ......
    </form>
    .....
</form>

这样是不合法的，那么如果我们遇到需要用到两个表单的情况应该怎么办呢？解决的方法很简单，合并两个表单，动态改变表单提交位置。

表单form中的action为空，然后在js代码中改变action的值。

<form name="form1" action="" method="post">
   .....
   <button id="button1" type="submit"></button>
   <button id="button2" type="submit"></button>
</form>
<script>
      $(document).ready(function(){
           $("#button1").click(function(){
               
                $("#draw").attr("action","url1"); 
               $("form").submit();
            });
         $("#button2").click(function(){
              
                $("#draw").attr("action","url2"); 
               $("form").submit();
            });
</script>

这样，就能实现一个表单向不同方法提交了，同时，在表单提交之前还可以改变表单元素的值，方法就是

$("#draw").attr("action","url1"); 

注意，button的类型是submit  不是button