Javascript：在提交時顯示消息

Question

form提交到服務器后，我想在span標簽中顯示一些消息。 問題是，文本在幾秒鍾內消失了。 是因為頁面被reloaded嗎？ 誰能發現我的功能出了什么問題？

function placeOrder(form) {
    if (validateLength(1, 32, form["bannerMessage"], form["messageError"]) &&
     validateZipField(form["zipField"], form["zipError"]) &&
        validateEmptyFields(form["dateField"], form["dateError"]) &&
        validateEmptyFields(form["nameField"], form["nameError"]) &&
        validateEmptyFields(form["phoneField"], form["phoneError"]) &&
        validateEmptyFields(form["emailField"], form["emailError"])) {
        // Submit the order to the server
        form.submit();
       document.getElementById("submitSuccess").innerHTML = "Submitted successfully";


    } else {
        alert("I'm sorry but there is something wrong with the order information.");
    }
}

Answer 1

確實，您正在將表單發送到服務器，服務器將發送回完整的頁面。

您應該做的是使新頁面包含已成功發送表單的消息，或者表單存在問題（您進行服務器端驗證，對嗎？）-提供錯誤的詳細信息。

為了提高可用性，重要的是要確保保留所有可以使用的表單字段。 （電子商務字段是特殊的，但保留其他所有內容。）