如何在模态框填写信息后未保存关闭弹出提示框

有时我们会在填写完信息后忘记保存而直接关闭,这种状况在word等办公软件中经常出现,但是软件都会友好地提示

现在我们就在模态框中实现这种功能


首先为点击按钮绑定方法

//添加学生未保存关闭
function studentMessagUnSave() {
    var gradeId = $("#modleStudentGradeId").val();
    var classId = $("#modleStudentClassId").val();
    var personnelNumber = $("#modleStudentNumber").val();
    if(gradeId !== ""||classId !== ""||personnelNumber !== "") {
        var index = layer.alert('当前信息尚未保存,是否继续',{
            btn: ['关闭',"取消"] //按钮
           // shade: false //不显示遮罩

        },function () {
            layer.close(index);
            $('#addStudentMessageModel').modal('hide');
        },function () {
            layer.close(index);
        });
        return;
    }else{
        $('#addStudentMessageModel').modal('hide');
    }
}

在方法中的逻辑

如何在模态框填写信息后未保存关闭弹出提示框_第1张图片

这样就初步实现了需求,本来还想在提示框中添加一个保存按钮,点击后直接保存模态框中的信息,

不过试了一些方法之后还是不能实现,function不能直接在内部执行另一个function?这次先留一个尾巴,待下次解决。

你可能感兴趣的:(日常记录)