javascript - jQuery不会更改ID的HTML

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="" id="contact">

  <label for="prenom">Prénom</label>
  <input type="text" id="prenom" name="prenom" placeholder="Votre prénom.." class="champ">
  <label for="nom">Nom</label>
  <input type="text" id="nom" name="nom" placeholder="Votre nom.." class="champ"><br/>

  <label for="email">Email</label>
  <input type="text" id="email" name="email" placeholder="Votre nom.." class="champ"><br/>

  <label for="country">Pays</label>
  <select name="country" id="country" class="champ">
  <option value="france">France</option>
  <option value="Canada">Canada</option>
  <option value="Suisse">Suisse</option>
  <option value="Belgique">Belgique</option>
</select><br/>

  <label for="sujet">Sujet : </label>
  <textarea class="champ" name="sujet" id="sujet" placeholder="Exprimez-vous.." style="height:200px;     width=600px;"></textarea ><br/>

<input type="submit" value="Envoyer" class="champ" id="envoi">
  </form>
        <div id="errorMessage"></div>


        <script type="text/javascript">
            var errorMessage="";
            $("#envoi").click(function () {
                if($("#prenom").val()==""){
                    errorMessage+="<p>Remplissez votre prénom!</p>";
                }
                if($("#nom").val()==""){
                    errorMessage+="<p>Remplissez votre nom!</p>";
                }
                if($("#email").val()==""){
                    errorMessage+="<p>Remplissez votre email!</p>";
                }
                if($("#pays").val()==""){
                    errorMessage+="<p>Sélectionnez votre pays!</p>";
                }
                if($("#sujet").val()==""){
                    errorMessage+="<p>Remplissez votre message!</p>";
                }
                if(errorMessage!=""){
                    alert("hey");
                    $("#errorMessage").html(errorMessage);
                }
            });
        </script>

我对此有疑问：

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

我希望它会在显示错误消息



就在脚本之前程序确实进入了if条件，因为出现了警报。但是，它不显示错误。

请问我做错了什么？
谢谢，

最佳答案

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

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

关于javascript - jQuery不会更改ID的HTML，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43435202/