form嵌套问题

form是不能嵌套的，嵌套后会导致第一个form后的数据都不能提交

<form action="form.jsp" id="form1">
	<input type="text" name="value1" />
	<form action="12.jsp" id="form2">
		<input type="text" name="value2" />
	</form>
	<input type="text" name="value3" />
	<input type="submit" value="提交" onclick="submitForm();"/>
</form>

<script type="text/javascript">
	function submitForm(){
		document.getElementById("form1").submit();
	}
</script>

如上代码，只能获取到value1和value2的值，value3的值将丢失。
解决方法，有几种思路。

<form action="form.jsp" id="form1">
	<input type="text" name="value1" />
	<input type="text" name="value3" />
	<form action="12.jsp" id="form2">
		<input type="text" name="value2" />
	</form>
	
	<input type="submit" value="提交" onclick="submitForm();"/>
</form>

<script type="text/javascript">
	function submitForm(){
		document.getElementById("form1").submit();
	}
</script>

改成这样就OK了，或者写js将丢失的数值给记录下。