为什么 from 不提交带有 required 的文本区域

Question

我将 CKEditor 应用到我的项目的文本区域，但表单未提交 就像我什至没有按下按钮

，但如果我从文本区域中删除所需的内容，它会提交 但我需要检查是否需要

let elements = document.querySelectorAll('.editor')

for (let element of elements) {
  ClassicEditor.create(element, {})
    .then(editor => {
      element.ckEditor = editor;
    })
    .catch(err => {
      console.error(err.stack);
    });
}

<form method="POST" action="../forms/add-services.php">

  <div class="service-fields mb-3">
    <div class="row">
      <div class="col-lg-12">
        <div class="form-group">
          <label class="h6">Title <span class="text-danger">*</span></label>
          <input class="form-control" type="text" name="service_title" id="service_title" required>
        </div>
      </div>
    </div>
  </div>

  <div class="service-fields mb-3">
    <div class="row">
      <div class="col-lg-12">
        <div class="form-group">
          <label class="h6">details <span class="text-danger">*</span></label>
          <textarea name="details" id="editor1" class="editor form-control " required></textarea>
        </div>
      </div>
    </div>
  </div>

  <div class="submit-section d-flex justify-content-between">
    <button class="btn btn-primary submit-btn" type="submit" name="save">Save</button>
  </div>
</form>