HTML - Javascript form in form

Question

<script>
  function(form)
  {
     form.submit();
  }
</script>

<form action="do-1" id="frm1" method="post" >
   <form action="do-2" id="frm2" method="post" >
       <input type="submit" name="submit" value="submit" onclick="test(this.form)"
   </form>
</form>

someone tell me how to submit frm2 by js ?

i click and it always submit frm1 :(

Do it is impossible ?

Answer 1

That is completely invalid html, you can't nest forms in any version of html

Answer 2

Per the W3C, you can't nest form tags.

Every form must be enclosed within a FORM element. There can be several forms in a single document, but the FORM element can't be nested.

I doubt browsers will consistently handle nested forms intuitively in your case. From my experience by accidentally nesting form tags, IE8 will not even render them properly, it causes many layout problems.

Answer 3

Try adding the word test after function?