html - 来自主题的 Toast 通知

Question

我正在为我的 webapp 使用由 bootstrap 和 sass 制作的主题。

我对bootstrap和sass不是很熟悉。

我需要知道如何让代码插入到我的 web 应用程序中。

您可以在此处查看通知示例生成器

更多关于主题的信息在这里

所以...我需要设置一个 toast 通知并将其用于此功能（用于警报）：

function validarNombre () {
    var tituloAlbm = document.querySelector("#dni").value;
    console.log(tituloAlbm);
    if (tituloAlbm == "" ) {
            alert("Please Fill All Required Field");
            return false;
    } else if (tituloAlbm !== null){
        add();
    }
}

我知道这是一个非常模糊的问题，但我真的坚持这个......

先感谢您。

亲切的问候。

标签： htmlsassnotificationstoastrbootstrap-toast

Answer 1

我喜欢使用 Alertify JS。

您只需要通过 CDN 或从静态文件夹调用 Alertify 并在脚本中调用它。

您可以在JsFiddle上查看演示

在此处查看默认通知部分：https ://alertifyjs.com/

您可以使用这些属性

alertify.alert('Ready!');

alertify.success('Success message');

alertify.error('Success message');