在对html表单求和之前，有没有办法确保至少填写了一组字段中的一个？(“必填”仅用于一个<input>字段)

<form>
  <input type="text" class="required-field" placeholder="字段1">
  <input type="text" class="required-field" placeholder="字段2">
  <input type="text" class="required-field" placeholder="字段3">
  <button type="button" onclick="checkFields()">提交</button>
</form>

function checkFields() {
  var fields = document.querySelectorAll('.required-field');
  var filled = false;
  
  for (var i = 0; i < fields.length; i++) {
    if (fields[i].value !== '') {
      filled = true;
      break;
    }
  }
  
  if (filled) {
    // 至少填写了一个字段，执行表单提交或其他操作
    // 可以在这里添加自定义的逻辑
    console.log("至少填写了一个字段");
  } else {
    // 没有填写任何字段，显示错误消息或阻止表单提交
    // 可以在这里添加自定义的逻辑
    console.log("请至少填写一个字段");
  }
}