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 个答案: