Javascript 如果为false，引导4转盘不会移动到另一个幻灯片

我有bootstrap 4，每张幻灯片都包含表单部分，我有next按钮，我想要的是不移动到下一张幻灯片，除非变量为true（用于表单验证）。 我尝试使用

preventDefault（）

将

onclick

附加到

$('#c').on('slide.bs.carousel', function () {
       $('#c').carousel(0);
    })

但是没有成功，如何实现我想要的？
有更简单的方法可以实现这一点。如果变量为false，则可以隐藏整个幻灯片，也可以删除其中的重要部分，如针对幻灯片的href。第一个是很好的可用性，因为你不希望你的用户看到一个不工作的滑动控件

更简单的是，您可以将CSS添加到将display设置为none的控件中，并使用jQuery更改display属性，或者在设置变量时将其完全删除。如果设置了变量，您可能需要不断检查循环，因此请仔细查看。
有更简单的方法可以实现这一点。如果变量为false，则可以隐藏整个幻灯片，也可以删除其中的重要部分，如针对幻灯片的href。第一个是很好的可用性，因为你不希望你的用户看到一个不工作的滑动控件

更简单的是，您可以将CSS添加到将display设置为none的控件中，并使用jQuery更改display属性，或者在设置变量时将其完全删除。如果设置了变量，您可能需要在循环中不断检查，因此请仔细查看。
请提供一个可复制的代码，以便对您试图存档的内容进行一些测试。请同时使用HTML。请提供一个可复制的代码，以便对您试图归档的内容进行一些测试。请同时使用HTML。