使文本字段成为必需

Question

我想从一组文本字段中生成所需的文本字段，以便如果填写了任何文本字段，则该表单将提交。

​

<div class="row">
  <div class="border border-dark d-flex">
    <p class="d-inline ps-1">l.</p>
    <p class="d-inline ps-4">Certified copy of OVD or equivalent e-document of OVD or OVD obtained through digital KYC process needs to be submitted (any one of the following OVDs)</p>
  </div>
</div>
<div class="row">
  <div class="border border-dark col-md-6 ps-4">
    <input type="checkbox" name="OVD" class="check d-inline" required>
    <h4 class="d-inline">A. Passport Number</h4>
  </div>
  <div class="border border-dark col-md-6">
    <input type="text" class="input form-control border-0" name="ovd">
  </div>
</div>
<div class="row">
  <div class="border border-dark col-md-6 ps-4">
    <input type="checkbox" name="OVD" class="check d-inline" required>
    <h4 class="d-inline">B. Voter ID Card</h4>
  </div>
  <div class="border border-dark col-md-6">
    <input type="text" class="input form-control border-0" name="ovd">
  </div>
</div>
<div class="row">
  <div class="border border-dark col-md-6 ps-4">
    <input type="checkbox" name="OVD" class="check d-inline" required>
    <h4 class="d-inline">C. Driving Licence</h4>
  </div>
  <div class="border border-dark col-md-6">
    <input type="text" class="input form-control border-0" name="ovd">
  </div>
</div>
<input type="submit">

​

如果填写了任何字段，我希望我的表格能够提交。

Answer 1

您可以从输入元素中移除“必需”。

与其使用type="submit“，不如使用

  <button type="submit" onClick="check()"> Send </button>

现在，您需要创建一些javascript函数来检查是否填充了任何输入字段，如下所示：

<script>
 //first you need to take input fields inside variables
 var passportNumber = document.getElementsByName("OVD")[0].value; //cos it returns a list
 var IDcard = document.getElementsByName("ovd")[0].value; //like this for each field
 function check(){
  if(passportNumber || IDcard) //if ANY element has a value       
     return true;      
   else
     return false;
  }
</script> 

注意:如果您是初学者，可以在元素中添加这段代码，但更好的做法是创建一个外部JS文件，然后调用它。