JavaScript 成功消息消失

Question

HTML 按钮:

<button type="submit" class="btn btn-default" id="addBtn" onclick="addfunction();">Add</button>

addfunction() 代码:

    var title = document.getElementById("TitleInput").value;

var ID = firebase.database().ref().child('emp').push().key;
//upload pic

var filename = selectionfile;
filename = newsID;
var storageRef = firebase.storage().ref(filename);
var uploadTask = storageRef.put(selectionfile);

if (user != null) {
    userid = user.uid;

    var Dataa = {
        ID: ID,
        title: title,
    };

    var updates = {};
    updates['/emp/' + ID] = Dataa;
    var returnUpdate = firebase.database().ref().update(updates);

    if (returnUpdate) {
        var mess = document.getElementById("confirm_mess");
        mess.setAttribute("class", "bg-success h4");
        mess.setAttribute("style", "padding: 1%; margin: 1% 9% 0 35%");
        mess.innerHTML = "done";

    }
}

}这是验证代码

$(function () {
$("#title_span").hide();

var error_title = false;

$("#TitleInput").focusout(function () {
    Title_validation();
});


function Title_validation() {
    var title = $("#TitleInput").val();

    if (title == "") {
        $("#title_span").html("wrong input");
        $("#title_span").show();
        error_title = true;
    }
    else {
        $("#title_span").hide();
    }

}


$("#my_form").submit(function () {
    error_title = false;

    Title_validation();

    if (error_title == false) {
        return true;
    }
    else {
        return false;
    }

});

});

我的问题是，当我单击添加按钮时，“完成”消息立即消失，因为刷新，我希望该消息显示几秒钟，然后刷新页面。我怎样才能做到这一点？知道我尝试使用 setTimeout 但它不起作用。

Answer 1

将 type="submit" 更改为 type="button"