关于flask入门教程-自定义弹出框

Sweetalert可以替代Javascript原生的alert和/confirm/i等函数呈现的弹出提示框，它将提示框进行了美化，并且允许自定义，支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。

传统的alert或/confirm/i现实不够美观。

function check()

{
if (document. formuserinfo. address. value== "")
alert("地址信息为空！") document. formuserinfo. address. focus() ;
return false ;
}
return true ;
}

以下是sweetalert的几个样例

标准样例

成功样例

警告样例

以下是删除数据的js代码

$('.demo3').click(function () {
    swal({
        title: "Are you sure?",
        text: "You will not be able to recover this imaginary file!",
        type: "warning",
        showCancelButton: true,
        /confirm/iButtonColor: "#DD6B55",
        /confirm/iButtonText: "Yes, delete it!",
        closeOn/confirm/i: false
    }, function () {
        swal("Deleted!", "Your imaginary file has been deleted.", "success");
    });
});

如果需要使用sweetalert，请自行下载js和css

以下为代码中使用sweetalert提示数据未录入，注在form的onsubmit事件中捕获，如果为false则无法提交数据

function check()

{
if (document. formuserinfo. address. value== "")
{
swal({
title: "输入警告！" ,
text: "用户地址为输入，请检查！."
}) ;
document. formuserinfo. address. focus() ;
return false ;
}
return true ;
}

以下为弹出框

以下为删除数据时的js代码，注在中使用会有问题

删除