javascript - 嵌套的 html FORM 无法访问 - 多个表单问题

Question

这是场景，我在一个页面上有 3 个 html 表单，它们看起来像

form1() form2(form3())

一个测试 3 种形式的虚拟程序__

<script language="javascript" type="text/javascript">
function submitthisform(no){
    document.forms[no].submit;
}
</script>

<form action="http://cnn.com" name="1">
 <input type=submit value="cnn" onclick="submitthisform('1')" name='submit1'>
</form>

<form  action="http://google.com" name="2">

    <form  action="http://yahoo.com" name="3">
    <input type=submit value="yahoo" onclick="submitthisform('3')" name="submit3">
    </form>

<input type=submit value="google"  onclick="submitthisform('2')" name="submit2">
</form>

<小时/>

现在当我执行submit3时，onclick函数被调用，我尝试提交form3，因为否则它总是提交form 2

在 onclick 中，我发送表单名称。但是form3好像无法访问。原因是，如果我遍历页面上的所有表单，它不会返回表单 3，而只返回表单 1 和 2

var forms = document.getElementsByTagName("form");
for (var i=0; i<forms.length; i++){
        alert('form'+i+' = '+forms[i].name);// displays name of form1&2 
}

它还会在单击“submit2”时给出 javascript 错误。

尝试这个小代码，你就会明白了。告诉我是否可以提交表格 3!!!!

Answer 1

根据XHTML specs

form must not contain other form elements.

因此请不要这样做，因为您无法保证跨浏览器的兼容性(当前或 future )