Javascript 为什么从表单提交并添加到列表中的值会消失？ 问题描述

我使用以下javascript代码来验证表单。我想添加的是从表单中获取所有值并将它们提交到列表中。它们消失得如此之快，我真的不明白为什么

function validateForm()
{
    //chercher les elements de la formes
    var nom = document.getElementById("nom").value;
    var prenom = document.getElementById("prenom").value;
    var dateNaissance = document.getElementById("date").value;
    
    alert(nom +" "+prenom+" "+dateNaissance);
    
    //ajouter etudiant à la liste
    select = document.getElementById('select');
    var opt = document.createElement('option');
    opt.value = 0;
    opt.innerHTML =  nom +" "+prenom+" "+dateNaissance;
    select.appendChild(opt);
}

---

在此处插入标题
Ajouter/编辑desétudiants
名称：


名称：


出生日期：


图迪亚斯酒店

您必须告诉浏览器是否应提交表单。为此，可以调用函数返回其值：

<form id = "myForm" action = "" method = "get" onsubmit = "return validateForm();">

---

并且，在

validateForm

函数中，您必须返回

true

或

false

表单是否有效。

您必须告诉浏览器是否应提交表单。为此，可以调用函数返回其值：

<form id = "myForm" action = "" method = "get" onsubmit = "return validateForm();">

---

在

validateForm

函数中，无论表单是否有效，都必须返回

true

或

false

。

必须返回false才能禁用提交操作

function validateForm()
{
    //chercher les elements de la formes
    var nom = document.getElementById("nom").value;
    var prenom = document.getElementById("prenom").value;
    var dateNaissance = document.getElementById("date").value;

    alert(nom +" "+prenom+" "+dateNaissance);

    //ajouter etudiant à la liste
    select = document.getElementById('select');
    var opt = document.createElement('option');
    opt.value = 0;
    opt.innerHTML =  nom +" "+prenom+" "+dateNaissance;
    select.appendChild(opt);
    return false;
}`

也

---

必须返回false才能禁用提交操作

function validateForm()
{
    //chercher les elements de la formes
    var nom = document.getElementById("nom").value;
    var prenom = document.getElementById("prenom").value;
    var dateNaissance = document.getElementById("date").value;

    alert(nom +" "+prenom+" "+dateNaissance);

    //ajouter etudiant à la liste
    select = document.getElementById('select');
    var opt = document.createElement('option');
    opt.value = 0;
    opt.innerHTML =  nom +" "+prenom+" "+dateNaissance;
    select.appendChild(opt);
    return false;
}`

也

由于表单提交并重新加载页面，它们可能会很快消失。我该怎么办？您需要取消默认操作

onsubmit=“validateForm（）；返回false；”

，或使用有趣的。我不知道为什么它是假的，但它起了作用。你能解释一下为什么用@Satpal作为答案吗。我工作正常吗？javascript代码正确吗？还有

event.preventDefault（）

它们可能会很快消失，因为表单提交并重新加载页面。我该怎么办？您需要取消默认操作

onsubmit=“validateForm（）；返回false；”

，或使用有趣的。我不知道为什么它是假的，但它起了作用。你能解释一下为什么用@Satpal作为答案吗。我工作正常吗？javascript代码正确吗？还有

event.preventDefault（）

提交表单时，值会去哪里我不明白，洛洛洛利建议您看看表单提交是如何工作的。在这里你可以找到一些解释：当表单提交时，这些值去了哪里？我不明白。洛洛洛利建议你看看表单提交是如何工作的。在这里您可以找到一些解释：