Javascript 使用SweetAlert库显示错误消息
我正在开发一个应用程序,我在后台验证(使用PHP)并在前端显示错误,我在使用AJAX传递错误。除了我需要使用sweet alert js library以有序列表格式显示错误外,所有操作都很正常 错误正在显示,但问题是它们没有以有序列表的方式对齐: 甜蜜警报Js链接Javascript 使用SweetAlert库显示错误消息,javascript,sweetalert,Javascript,Sweetalert,我正在开发一个应用程序,我在后台验证(使用PHP)并在前端显示错误,我在使用AJAX传递错误。除了我需要使用sweet alert js library以有序列表格式显示错误外,所有操作都很正常 错误正在显示,但问题是它们没有以有序列表的方式对齐: 甜蜜警报Js链接 <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script> 您可以使用content选项。以take为例您可以将u
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
您可以使用
content
选项。以take为例您可以将ul
元素中的节点如下所示:
swal("Error:", document.getElementsByTagName('ul')[0].innerText)
然后把它们写成文本。
下面是一个简单的例子:
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
</head>
<body>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<script type="text/javascript">
//swal("Error:", document.getElementsByTagName('ul')[0].innerText)
let array = ['cofee', 'Tea', 'mill'];
let list = '';
for (var i = 0; i < array.length; i++)
list += array[i] + '\n';
swal("Error", list);
</script>
</body>
</html>
测验
- 咖啡
- 茶
- 牛奶
//swal(“错误:”,document.getElementsByTagName('ul')[0]。innerText)
让数组=['cofee','Tea','mill'];
让列表=“”;
对于(var i=0;i
我不需要输入字段,我只需要如何在sweet alert JS中以有序列表格式显示错误。可以添加所需的任何DOM元素。你也可以使用它,它有很多额外的特性。你发布的代码大部分与问题无关。您需要显示一个示例API响应,以及尝试将其包装到
中的尝试。
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
</head>
<body>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<script type="text/javascript">
//swal("Error:", document.getElementsByTagName('ul')[0].innerText)
let array = ['cofee', 'Tea', 'mill'];
let list = '';
for (var i = 0; i < array.length; i++)
list += array[i] + '\n';
swal("Error", list);
</script>
</body>
</html>