Question

我正在一个应用程序上进行工作，从而在backecnd上进行验证（使用PHP）并在前端显示错误，并使用AJAX传递错误。一切工作正常，除了我需要使用甜蜜警报js库以有序列表格式显示错误。

显示错误，但问题是它们没有按照有序列表的方式对齐：

甜蜜提醒链接

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

Ajax代码

 $.ajax({
            type: "POST",
            url: "getplans",
            data:JSON.stringify(type),
            contentType: 'application/json',
            dataType: "json",
            success: function(response){
                //Redirect
                window.location.href="getp" ;
            },
            //Alert errors from backend
            error: function(data) {
                //Unblock the spinner
                $.unblockUI();
                var errors = '';
                for(datos in data.responseJSON){
                    errors += data.responseJSON[datos] + '\n';
                }
                //Sweet alert js function
                swal(errors, "warning");
            }
        });

Answer 1

您可以使用content选项。以SweetAlert为例

Answer 2

您可以像这样在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>

使用SweetAlert库显示错误消息

2 个答案: