我想使用 Bootstrap 中漂亮的错误消息。现在我正在使用我不喜欢的 javascript 警报。去bootstrap官方网站查了一下,都是写在div样式里面的。
我正在使用 javascript 检查输入验证的表单。
我不知道如何使用Bootstrap 错误消息来替换 javascript 错误。
请帮帮我。
最佳答案
内置的 alert() 功能无法设置样式,并且在不同的浏览器和不同的平台上看起来会有所不同。
当选择 HTML 解决方案时,您将始终需要一个设置为隐藏且仅在警报期间可见的 div。 Div 本质上不是模态的(意思是,它们不会阻止您在屏幕上做其他事情)。因此,您将需要一些代码来模拟模态。这是通过使用 z-index、不透明度和捕获 div 外部的事件来实现的。
由于您刚刚开始学习这些东西,所以最好不要尝试编写自己的模态解决方案,而是使用数百个免费提供的组件之一,其中许多组件是特定于 Bootstrap 的。您问题中的评论指向其中的几个。 Google 可以帮助您完成其余的工作。
混淆使用的一点是div的使用。您需要了解/牢记的是,div 开始时是隐藏的,仅在需要时以编程方式显示,并且具有关联代码以强制显示。
关于javascript - 如何使用 Bootstrap 错误消息而不是 Javascript 警报?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27800409/