如何自定义警告框的位置

Question

我正在使用警告框在一些验证后警告一些消息。 现在，我想使警告框的位置位于发生验证错误的控件上方。

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

更改警告框的显示行为是否可行？ 如果没有其他选择，可以尝试使用jQuery对话框框。

- Aakash

---

为什么不创建自定义警告框？我真的很讨厌那个丑陋的 alert。 - Davor Mlinaric

准确地说，但它分散在整个页面上。 - Aakash

请查看以下链接以获取自定义警告框：http://trentrichardson.com/Impromptu/ - Sajitha Rathnayake

Answer 1

因为那是默认对话框，所以您无法定位它。但是，您可以设计自己的自定义警报框并定位它。或者，您可以使用第三方对话框，jQuery UI 有一个不错的： http://jqueryui.com/dialog/

- Kuzgun

---

任何div都可以使用jquery的show hide函数作为对话框。您可以在此处找到示例：http://www.queness.com/post/1696/create-a-beautiful-looking-custom-dialog-box-with-jquery-and-css3 - Kuzgun

我很高兴它能帮到你 :) 祝你成功 - Kuzgun

Answer 2

JQuery对话框是您获得的最佳选项。请按照以下步骤操作：

http://jqueryui.com/dialog/

这是可能创建一个非居中的Javascript警告框吗？

- choudhury smrutiranjan parida

Answer 3

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

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

---

如果您不想使用第三方插件，请使用以下方法：

使用HTML、CSS和JS：点击这里或这里

---

如果你想使用一个单独的库来控制对话框，以获得完全的控制权？点击这里

---

如果您希望使用第三方插件，则有许多选项可供选择：

使用jQuery：点击此处 使用Bootstrap：点击此处或此处 Materialize CSS：点击此处 还有许多UI组件库，如PrimeNG、KendoUI等。

---

- Sangwin Gawande