Javascript JQuery赢得'；不能更改id的HTML

所以我有一个表格和一个脚本：

名词
笔名


电子邮件


支付
法国
加拿大
瑞士
Belgique


苏杰特：


var errorMessage=“”；
$（“#envoi”）。单击（函数（）{
如果（$（“#prenom”）.val（）=“”）{
errorMessage+=“Remplissez votre prénom！
”；
}
if（$（“#nom”）.val（）=“”）{
errorMessage+=“Remplissez votre nom！
”；
}
如果（$（“#电子邮件”）.val（）=“”）{
errorMessage+=“Remplissez votre电子邮件！
”；
}
如果（$（“#支付”）.val（）=“”）{
errorMessage+=“Séselectionnez votre付费！
”；
}
if（$（“#sujet”）.val（）=“”）{
errorMessage+=“Remplissez votre message！
”；
}
如果（errorMessage！=“”）{
警惕（“嘿”）；
$（“#errorMessage”）.html（errorMessage）；
}
});

这是因为您的页面在提交后正在重新加载。 如果要显示错误（验证），则应返回false

if(errorMessage!=""){
    alert("hey");
    $("#errorMessage").html(errorMessage);
    return false;
}

---

这是因为您的页面在提交后正在重新加载。 如果要显示错误（验证），则应返回false

if(errorMessage!=""){
    alert("hey");
    $("#errorMessage").html(errorMessage);
    return false;
}

---

只需在代码中添加以下内容即可实现目标

e.preventDefault();

---

下面是正在工作的JSFIDLE:

只需在代码中添加以下内容即可实现您的目标

e.preventDefault();

---

这是正在工作的JSFIDLE:

您正在使用的按钮触发器是

type=submit

，它导致表单提交

相反，尝试使用

type=button

并在jquery验证后提交表单

名词
笔名


电子邮件


支付
法国
加拿大
瑞士
Belgique


苏杰特：


$（“#envoi”）。单击（函数（）{
var errorMessage=“”；
如果（$（“#prenom”）.val（）=“”）{
errorMessage+=“Remplissez votre prénom！
”；
}
if（$（“#nom”）.val（）=“”）{
errorMessage+=“Remplissez votre nom！
”；
}
如果（$（“#电子邮件”）.val（）=“”）{
errorMessage+=“Remplissez votre电子邮件！
”；
}
如果（$（“#支付”）.val（）=“”）{
errorMessage+=“Séselectionnez votre付费！
”；
}
if（$（“#sujet”）.val（）=“”）{
errorMessage+=“Remplissez votre message！
”；
}
如果（errorMessage！=“”）{
警惕（“嘿”）；
$（“#errorMessage”）.html（errorMessage）；
}
否则{
$（“#联系人”）.submit（）；
}
});

您使用的按钮触发器类型为

type=submit

，导致您的表单提交

相反，尝试使用

type=button

并在jquery验证后提交表单

名词
笔名


电子邮件


支付
法国
加拿大
瑞士
Belgique


苏杰特：


$（“#envoi”）。单击（函数（）{
var errorMessage=“”；
如果（$（“#prenom”）.val（）=“”）{
errorMessage+=“Remplissez votre prénom！
”；
}
if（$（“#nom”）.val（）=“”）{
errorMessage+=“Remplissez votre nom！
”；
}
如果（$（“#电子邮件”）.val（）=“”）{
errorMessage+=“Remplissez votre电子邮件！
”；
}
如果（$（“#支付”）.val（）=“”）{
errorMessage+=“Séselectionnez votre付费！
”；
}
if（$（“#sujet”）.val（）=“”）{
errorMessage+=“Remplissez votre message！
”；
}
如果（errorMessage！=“”）{
警惕（“嘿”）；
$（“#errorMessage”）.html（errorMessage）；
}
否则{
$（“#联系人”）.submit（）；
}
});

消息被附加到DOM中，发生的情况是表单被提交，导致页面重新加载（发生得如此之快，以至于你无法注意到它）。您必须防止事件的默认行为（即在警报和消息附加到DOM之后立即提交表单）

注意：将您的

单击事件更改为
提交
事件，以防止用户也通过enter键提交

<script type="text/javascript">
    $("#contact").submit(function (event) { // listen to the submit event on the form #contact itself (event is needed so we can prevent its default behavior)
        var errorMessage = ""; // this should be here

        // ...

        if(errorMessage != ""){
            alert("hey");
            $("#errorMessage").html(errorMessage);
            event.preventDefault(); // stop the submit (we encountered an error so mission abort :D)
        }
    });
</script>


$（“#contact”）.submit（函数（事件）{//侦听表单#contact本身上的submit事件（需要事件以便防止其默认行为）
var errorMessage=”“；//应该在这里
// ...
如果（errorMessage！=“”）{
警惕（“嘿”）；
$（“#errorMessage”）.html（errorMessage）；
event.preventDefault（）；//停止提交（我们遇到了一个错误，因此任务中止：D）
}
});
消息被附加到DOM中，发生的情况是表单被提交，导致页面重新加载（发生得如此之快，以至于你无法注意到它）。您必须防止事件的默认行为（即在警报和消息附加到DOM之后立即提交表单）

注意：将您的
单击事件更改为
提交
事件，以防止用户也通过enter键提交

<script type="text/javascript">
    $("#contact").submit(function (event) { // listen to the submit event on the form #contact itself (event is needed so we can prevent its default behavior)
        var errorMessage = ""; // this should be here

        // ...

        if(errorMessage != ""){
            alert("hey");
            $("#errorMessage").html(errorMessage);
            event.preventDefault(); // stop the submit (we encountered an error so mission abort :D)
        }
    });
</script>


$（“#contact”）.submit（函数（事件）{//侦听表单#contact本身上的submit事件（需要事件以便防止其默认行为）
var errorMessage=”“；//应该在这里
// ...
如果（errorMessage！=“”）{
警惕（“嘿”）；
$(