如何在單個頁面上檢查多個表單上的必填字段？

我有一個頁面，包含以下內容：如何在單個頁面上檢查多個表單上的必填字段？

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

如何在單個頁面上檢查多個表單上的必填字段？

回答

相關問題