如何在一个页面上检查多个表单上的必填字段？答案

【问题标题】：How do I check required fields on multiple forms on a single page?如何在一个页面上检查多个表单上的必填字段？
【发布时间】：2016-12-06 19:47:43
【问题描述】：

我的页面包含以下内容：

<!DOCTYPE html>
    <html>
        <body>

        <form action="demo_form.asp">
          Username: <input type="text" name="usrname" required>
        </form>

        <div class="map"></div>
        <div><p>Some content to explain some things</p></div

        <form action="demo_form.asp">
          Username: <input type="text" name="lastusrname" required>
          <input type="submit">
        </form>

        <p><strong>Note:</strong> The required attribute of the input tag is not supported in Internet Explorer 9 and earlier versions, or in Safari.</p>

    </body>
</html>

当您单击提交时，它仅检查包含输入提交的第二个表单。我假设我需要编写一些 JQuery 或 Javascript 函数来检查是否填写了所有必填字段？

两个表格的原因是表格之间有其他html

【问题讨论】：

为什么这里特别需要两个表格？如果你只是想在它之间有一张地图，它可以驻留在表单标签内。

标签： javascript jquery html forms css

【解决方案1】：

两个表格的原因是表格之间有其他html

您可以在表单中嵌入其他 HTML - 试试吧。两个FORM 元素的存在会破坏您的表单提交。

【讨论】：

我知道这可能是重新设计表单的正确方法，但我宁愿不这样做。上面是一个例子。我有超过 1000 行代码与表单混合在一起。有没有办法在不改变 HTML 结构的情况下实现这一点？
这似乎是经典的 ASP。考虑将打开和关闭FORM 标记之间的内容设置为#INCLUDE。
我刚刚删除了第一个和最后一个结束标记之间的所有其他开始表单和结束表单标记，它可以正常工作，而不会破坏内容的外观或结构。非常感谢！