如何使用 bootstrap 5 验证确保至少两个输入字段之一不为空

问题描述 投票:0回答:0

我正在使用“必需”属性对同一表单中的其他输入字段使用引导程序验证。但对于这两个字段(valueOTC 和 valueMRC),如果至少有一个不为空,则应提交表格。

如果两者都是空表单将不会提交。

<form class="needs-validation" action="opportunity_handling.php" novalidate method="POST">
    
  <div class="form-group col-md-6" >
     <label>Opportunity OTC Value:</label>
     <div class="input-group">
      <input type="number" class="form-control" name="valueOTC">
     </div>
  </div>
    
  <div class="form-group col-md-6" >
    <label>Opportunity MRC Value:</label>
    <div class="input-group">
     <input type="number" class="form-control" name="valueMRC">
    </div>
  </div>

  <div class="form-group col-md-12" >
   <label>Any Remarks/Next Activity:</label>
   <textarea class="form-control"  rows="1" name="remark" 
   placeholder="Remarks" required></textarea>
  </div>
    
</form> 

我知道可以使用自定义 jquery 来实现,但我需要使用引导程序验证来实现。

validation jquery-validate bootstrap-5
© www.soinside.com 2019 - 2024. All rights reserved.