Bootstrap 4.1：使用自定义JavaScript验证表单输入

Question

我正在编写一个个人测试页面，用于调试我们的嵌入式服务器端JSON RPC实现。该页面使用Bootstrap 4.1构建。作为页面的一部分，我希望能够指定一个任意的JSON对象作为RPC参数发送，我应该能够将其作为文本输入到文本框输入中。

在理想的世界中，我希望表单能够在发送之前验证JSON。我有一个函数在输入上调用JSON.parse()，并根据在任何遇到的异常中给出的消息在表单中设置自定义错误消息。

然而，我似乎无法解决最后一块拼图，即让Bootstrap将表单输入视为无效，因此显示此错误文本。据我所知（经过一些实验和混淆），这就是事情的运作方式：

• 表单输入具有在其上指定的验证属性，例如。 required，最小/最大范围，正则表达式等
• 在表单上设置Bootstrap的was-validated类会导致任何未通过上述验证条件的输入被正确标记，并显示其成功/失败消息。

这对于相对简单的验证（例如范围和模式）是可以的，但在我的情况下，我基本上需要运行完全任意的 JavaScript（即。JSON.parse()）来验证输入。据我所知，没有能力指定每个输入的函数来调用验证。

我想一个选项是放弃Bootstrap对这个特定输入的验证过程，并自己手动插入验证消息，但我想知道是否有更多的Bootstrap兼容方法来实现这个目标？