如何自定义警告框的位置

Question

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

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

这是否可以更改警报框的显示行为？ 如果没有其他选项可以选择 jquery 对话框。

Answer 1

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

Answer 2

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

http://jqueryui.com/dialog/

是否可以创建一个非居中的 Javascript 警报框？

Answer 3

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

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

---

如果您不想使用第 3 方插件，请使用此插件

使用 HTML、CSS 和 JS：单击此处或此处

---

如果您想对具有完全控制权的对话框使用单独的库？ 点击这里

---

如果您想使用第 3 方插件，那么有很多可用选项：

使用 jQuery：点击这里

使用 Bootstrap：单击此处或此处

物化 CSS：点击这里

以及更多 UI 组件库，如 PrimeNG、KendoUI 等

---