Javascript 提交后表单成功消息消失

因此，在您提交表单后，一条成功消息出现在底部，然后消失。如何阻止成功消息消失，请解释原因，我正在学习JavaScript，我需要简单的解释

PS：我找到了一种方法，通过在else语句中返回false使msg在提交后保持不变，但是我担心这会阻止表单提交

Html

JavaScript

function validateForm() {
  var n = document.myform.name.value;
  var p = document.myform.number.value;
  var e = document.myform.email.value;

  if (n === '' || n === null) {
    alert("please enter your name!");
    return false;
  } else if (p === '' || p === null) {
    alert("please enter your number!");
    return false;
  } else if (e === '' || e === null) {
    alert("please enter your email!");
    return false;
  }else if(p.length <= 7){
     alert("Please enter a valid phone number!");
     return false;
  }else{
    var msg = "Thank you! your info has been sent!";
    var el = document.createElement('p');
    var textNode = document.createTextNode(msg);
    el.appendChild(textNode);
    document.body.appendChild(el);
  }
}

函数validateForm（）{
var n=document.myform.name.value；
var p=document.myform.number.value；
var e=document.myform.email.value；
如果（n==''| n===null）{
警告（“请输入您的姓名！”）；
返回false；
}else if（p==''| p===null）{
提醒（“请输入您的号码！”）；
返回false；
}else if（e==''| e===null）{
提醒（“请输入您的电子邮件！”）；
返回false；
}否则，如果（p.length当您不在表单中使用
action='somepage.php'
时，数据将在当前页面中提交。页面将刷新，并且msg变量不再保留在该页面中

我建议您创建一个包含消息的会话变量（使用Ajax或其他方法）。当页面重新加载时，请检查会话变量是否存在

if(isset($_SESSION['msg']){
    echo "<div class='alert alert-success'>".S_SESSION['msg']."</div>";
}

if(isset($_SESSION['msg']){
    echo "<div class='alert alert-success'>".S_SESSION['msg']."</div>";
}

$.ajax({
    type: 'POST',
    url: "processForm.php",
    data: {
        name: n,
        number: p,
        email: e
    },
    cache: false,
    success: function (data) {
        document.getElementById("message_area").innerHTML = data;
    }
});