form嵌套form问题

来源:互联网 发布:alex老帅哥淘宝店名 编辑:程序博客网 时间:2024/05/21 17:27
form是不能嵌套的,嵌套后会导致第一个form后的数据都不能提交 
Java代码  收藏代码
  1. <form action="form.jsp" id="form1">  
  2.     <input type="text" name="value1" />  
  3.     <form action="12.jsp" id="form2">  
  4.         <input type="text" name="value2" />  
  5.     </form>  
  6.     <input type="text" name="value3" />  
  7.     <input type="submit" value="提交" onclick="submitForm();"/>  
  8. </form>  
  9.   
  10. <script type="text/javascript">  
  11.     function submitForm(){  
  12.         document.getElementById("form1").submit();  
  13.     }  
  14. </script>  

如上代码,只能获取到value1和value2的值,value3的值将丢失。 
解决方法,有几种思路。 
Java代码  收藏代码
  1. <form action="form.jsp" id="form1">  
  2.     <input type="text" name="value1" />  
  3.     <input type="text" name="value3" />  
  4.     <form action="12.jsp" id="form2">  
  5.         <input type="text" name="value2" />  
  6.     </form>  
  7.       
  8.     <input type="submit" value="提交" onclick="submitForm();"/>  
  9. </form>  
  10.   
  11. <script type="text/javascript">  
  12.     function submitForm(){  
  13.         document.getElementById("form1").submit();  
  14.     }  
  15. </script>  

改成这样就OK了,或者写js将丢失的数值给记录下。
原创粉丝点击