HTML5的必填字段

Question

我遇到的問題是表單驗證。 我給了兩個文本框，而兩個都是可選的。 但是，為了使服務器驗證表單，必須填寫其中的一個。我對強制要求字段沒有問題（請參見下面的示例）。 我擔心的是創建代碼，以便兩個文本框都是可選的，但是必須填充其中一個進行驗證。 我不確定這是否必須處理代碼。 如果有人可以給我一個起點，那將不勝感激！ 我並不是要有人為我這樣做，只是朝正確的方向邁出了一步。 先感謝您！

例：

<html>
 <head>
 </head>
 <body>
  <input type="text" id="name" required>
  <input type="text" id="state">
 </body>
</html>

會是這樣嗎？

function validateForm() {
  if (myForm.value == "") {
    alert ("Please enter at least one field");
    return false;
  } 
}

Answer 1

我不認為純HTML5可以做到這一點。 您將需要一個小的JavaScript，它會檢查是否填寫了其中一個字段，然后提交。

Answer 2

正如@JonasB所說，它需要一些javascript，例如：

 <html>
  <head>
   <script>
    function validateForm(){
        var x = document.getElementById("name");
        var y = document.getElementById("state");
        if(x.value =="" && y.value==""){
            alert ("Please enter at least one field");
            return false;
        }
        return true;
    }
  </script>
</head>
 <body>
   <form onsubmit="return validateForm()">
      <input type="text" id="name">
      <input type="text" id="state">
      <button>Send</button>
    </form>
  </body>
</html>

HTML5的必填字段

問題描述

2 個解決方案

解決方案1
2 2014-10-24 00:41:54

解決方案2
1 已采納 2014-10-24 01:12:26

HTML5的必填字段

問題描述

2 個解決方案

解決方案1 2 2014-10-24 00:41:54

解決方案2 1 已采納 2014-10-24 01:12:26

解決方案1
2 2014-10-24 00:41:54

解決方案2
1 已采納 2014-10-24 01:12:26