如何使用Bootstrap错误消息而不是Javascript警报？

Question

我想使用bootstrap中的漂亮错误消息。现在我正在使用javascript警报，我不喜欢。我试着查看官方的bootstrap网站，但它们都写在div风格中。

我正在使用javascript检查表单以进行输入验证。

我不知道如何使用 Bootstrap错误消息来替换javascript错误。

请帮帮我。

Answer 1

内置警报（）功能无法设置样式，并且在不同浏览器和不同平台上的外观不同。

当选择HTML解决方案时，您将始终需要一个设置为隐藏的div，并且仅在警报期间变为可见。 Divs本质上不是模态的（意思是，它们不会阻止你在屏幕上做其他事情）。因此，您将需要一些代码来模拟模态。这通过使用z-index，不透明度和捕获div之外的事件来实现。

由于您刚开始学习这些东西，最好不要尝试编写自己的模态解决方案，而是使用数百个免费提供的组件中的一个，其中许多是特定于引导程序的。你问题中的评论指向其中的一些。谷歌可以帮助你完成剩下的工作。

使用令人困惑的一点是使用div。你需要理解/记住的是div开始隐藏，只在需要时以编程方式显示，并具有强制模态的相关代码。