如何自定义警报框的位置答案

【问题标题】：How to customize the position of an alert box如何自定义警报框的位置
【发布时间】：2021-07-23 14:05:49
【问题描述】：

我正在使用一个警告框在一些验证后提醒一些消息。现在我想在它有验证的控件上设置警报框位置错误。

默认情况下，页面中心会弹出一个警告框，现在我想要它在某个自定义位置，例如我有 4 个文本框要验证，textbox-3 有一些不正确的数据，我希望警报显示在 textbox-3 上方而不是页面中心。

这可以改变警报框的显示行为吗？如果没有其他选项可用于 jquery 对话框。

【问题讨论】：

【解决方案1】：

由于这是一个默认对话框，因此您无法定位它。但是，您可以设计自己的自定义警报框并将其定位。或者，您可以使用 3rd 方对话框，jquery ui 有一个不错的：http://jqueryui.com/dialog/

【讨论】：

【解决方案2】：

Jquery 对话框是你得到的最佳选择。按照这个：

【讨论】：

【解决方案3】：

不可能。您无法更改浏览器中的默认警报。

但是，如果您愿意，可以使用以下选项为自己创建一个。

如果您不想使用 3rd 方插件跟着这个去

使用 HTML、CSS 和 JS：Click Here 或 Here

如果您想为完全控制的对话框使用单独的库？ Click Here

如果您希望使用 3rd 方插件，那么有很多可用选项：

使用 jQuery：Click Here

使用引导程序：Click Here 或 Here

实现 CSS ：Click Here

还有更多 UI 组件库，如 PrimeNG、KendoUI 等

【讨论】：