Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用SweetAlert库显示错误消息_Javascript_Sweetalert - Fatal编程技术网

Javascript 使用SweetAlert库显示错误消息

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

我正在开发一个应用程序,我在后台验证(使用PHP)并在前端显示错误,我在使用AJAX传递错误。除了我需要使用sweet alert js library以有序列表格式显示错误外,所有操作都很正常

错误正在显示,但问题是它们没有以有序列表的方式对齐:

甜蜜警报Js链接

<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>