在javascript中如何在选择一个表单字段时要求多个表单字段？

Question

在一个 html5 页面中，我有 2 个标准格式的字段。我需要的是当用户在其中一个字段上选择以要求另一个字段中的数据时。提交时的任何空白字段都要求所有相关字段都包含数据。

当用户没有填写第二个字段时，这对于第一个字段来说是正常的。但是当第二个字段被填充并且第一个字段为空白时，它就不起作用了——它绕过了这个条件并进入了 checkSubmission 函数。

即

     <script language="javascript">

         function validateAndSend() {
        if (myform.field1.value != '' && myform.field2.value == '') {
            alert('You have to enter data in field2.');
            return false;
       } else if (myform.field2.value != '' && myform.field1.value == '') {
          alert('You have to enter data in field 1.');
          return false;
      } else {
       checkSubmission();
         }
     }

       function checkSubmission(){
       var r = confirm('Are you sure you are ready to submit?');
       if (r == true) {
        myform.submit();
        }else{
         return false;
       }
      }
    </script>

   The HTML -
    <form name="myform" action="mypage.jsp" method="post" onsubmit="validateAndSend();return false;">
      <select name="field1" id="textarea1">
     <option value=""></option>
     <option value="data1">data1 select</option>
    <option value="data2">data 2 select</option>
  </select>

  <input type="text" name="field2">

我还有多达 4 个多个字段，当用户选择其中一个时，它们应该再次相互关联；一旦在表单中选择了 4 个中的一个，它们都必须是必需的。

感谢任何帮助。

Answer 1

为什么不把required 放在你的输入字段上？

<input name="whatever" required>

不用javascript就可以搞定一切