解决html表单嵌套的方法

时间:2017-11-03
我们大家都知道,在html规范中,表单是不能嵌套的,但是我们可以使用js方法来解决表单嵌套的问题,本文章向大家介绍解决html表单嵌套的方法,需要的朋友可以参考一下。

html中可以有多个表单存在,但是不允许表单嵌套,如:

<form name="mainForm">
  <form name="subForm">
  </form>
</form>

上面HTML代码是不规范的,因为两个表单嵌套在一起了。

普通HTML不允许你像上面代码那样做。但是用javascript可以做到这一点。如果您使用javascript / jquery,您可以使用class获取指定表单,然后使用serialize()将表单数据序列化进而将数据提交到指定的form表单上。

如:

<form name="mainForm">
  <form name="subForm">
    <input type="text" class="class1" />
    <input type="text" class="class2">
  </form>
</form>

你可以使用js/jquery这样系列化class1元素

$(".class1").serialize();

对于class2你可以做

$(".class2").serialize();

整体形式

$("#formid").serialize();

或简单地

$("#formid").submit();