嵌入的HTML表单被丢弃

Question

It seems Chrome ignores forms that are embedded inside another form.

See this fiddle ( http://jsfiddle.net/jeljeljel/NbUeQ/1/ )

HTML

<form>
    <div id="dialog">
        <form id="theForm">
            <label>abc</label>
        </form>
    </div>
</form>

JS

alert($('#theForm').length);

Note 'theForm' is not found.

Is the only solution to not have embedded forms?

Answer 1

Yes.

The only solutions is not to embedded forms as this is not valid HTML.

See the W3C XHTML spec's Element Prohibitions section at http://www.w3.org/TR/xhtml1/#prohibitions