Twitter bootstrap 如何在单击按钮时以编程方式触发Bootstrap5验证

我有一个带验证的引导表。如果我在表单上放置了一个提交按钮，那么验证工作会很好，但是我的按钮连接到一个单击事件，我想在该事件中执行一些其他操作，但是我不知道如何以编程方式触发验证

<form class="needs-validation" novalidate>
    <div class="form-outline">
        <input type="text" class="form-control" id="validationCustom01" required />
        <label for="validationCustom01" class="form-label">First name</label>
    </div>
    <button class="btn btn-primary" type="submit">Submit Works</button>
    <button id="test" class="btn btn-primary">Click Doesn't</button>
</form>

---

您可以使用

检查有效性（）

。例如：

if ($('form')[0].checkValidity()) {
  // Form is valid;
} else {
  // Form is invalid;
}

请记住，如果对表单使用jQuery选择器，则必须指明索引（

[0]

，在上面的代码中），因为

checkValidity（）

是一个JavaScript函数，而不是jQuery函数

if ($('form')[0].checkValidity()) {
  // Form is valid;
} else {
  // Form is invalid;
}