欢迎您访问365答案网,请分享给你的朋友!
生活常识 学习资料

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

时间:2023-05-25

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代码,注在中使用会有问题

Copyright © 2016-2020 www.365daan.com All Rights Reserved. 365答案网 版权所有 备案号:

部分内容来自互联网,版权归原作者所有,如有冒犯请联系我们,我们将在三个工作时内妥善处理。