需要文本字段

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> 

注意：如果您是初学者，则可以在HTML Element 中添加此代码，但更好的练习是创建外部JS文件，然后调用它。