javascript - 如何使用 Bootstrap 错误消息而不是 Javascript 警报?

标签 javascript css twitter-bootstrap

我想使用 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/

相关文章:

javascript - 如何将动态创建的超链接的 css 值传递给另一个页面

html - wordpress 网站无法加载图像和 css

javascript - 在 Durandal 框架中使用 Typeahead 创建自动完成字段

javascript - 如何发送文本区域的内容?

css - Bootstrap : Change background-color of panel

javascript - 如何在ajax中将字符串数组附加到html div。?

javascript - 在 Mint 17.3 上启动 python 脚本的权限被拒绝

javascript - 从 Node.js 中所需的类调用外部函数

css - 为什么我的 Polymer 自定义 CSS 属性不起作用?

c# - 如何关闭当前浏览器窗口并重定向到同一浏览器先前打开的窗口