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

我有一个页面，包含以下内容：如何在单个页面上检查多个表单上的必填字段？

<!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

来源

2016-12-06 jdog

为什么你特别需要在这里有两种形式？如果你只是有一张地图，它可以驻留在表单标签内。 –

原因两种形式是，我有形式

您之间的其他HTML可以嵌入其他表单中的HTML - 试试吧。两个FORM元素的存在是什么打破了你的表单提交。

来源

2016-12-06 19:50:06

我知道这可能是重新设计表单的正确方法，但我宁愿不要。以上是一个例子。我有超过1000行代码与表单混合在一起。有没有办法在不改变HTML结构的情况下实现这一点？ – jdog

这似乎是传统的ASP。考虑让开放和关闭FORM标签之间的东西变成一个'＃INCLUDE'。 –

我刚刚删除了第一个和最后一个结束标记之间的所有其他开始窗体和结束窗体标记，并且它的工作原理没有中断内容的外观或结构。非常感谢！ – jdog

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

回答

相关问题