Javascript函數Checkform不顯示我的提醒消息

Question

實際上在一個小頁面上工作，並且需要在將數據插入數據庫之前驗證表單是否已正確填充。該函數可以正常工作，但它確實會阻止用戶在字段爲空時提交，唯一的問題是顯示的錯誤文本不是我在代碼中編寫的錯誤文本。可能是由於某種原因顯示的默認警報文本，而不是我的。對於您的信息，我目前使用一些PHP和JavaScript的引導模板，這是非常基本的。如果任何人能指出我的好方向，將不勝感激。

這裏是在HTML頁面頭部的腳本：

<script type="text/javascript"> 

    function checkForm(form) 
    { 
     ... 
     if(!form.terms.checked) { 
      alert("Veuillez indiquer que vous acceptez de recevoir des offres promotionnelles"); 
      form.terms.focus(); 
     return false; 
     } 
     if(form.email.value == 0) { 
      alert("Veuillez remplir le courriel"); 
      form.email.focus(); 
     return false; 
     } 
     if(form.fname.value == 0) { 
      alert("Veuillez remplir votre prénom"); 
      form.fname.focus(); 
     return false; 
     } 
     if(form.lname.value == 0) { 
      alert("Veuillez remplir votre nom"); 
      form.lname.focus(); 
     return false; 
     } 
    return true; 
    } 

    </script> 

下面是HTML：

<?php include 'send_post.php';?> 
    <form method="post" action="send_post.php" onsubmit="return checkForm(this)"> 
    <div class="row"> 
     <div class="col-lg-3 col-md-6 text-center"> 
     <div class="service-box"> 
      <i class="fa fa-4x fa-pencil text-primary sr-icons"></i> 
      <h3>Prénom</h3> 
      <input type="text" class="form-control" id="fname" name="fname" required=""> 
     </div> 
     </div> 
     <div class="col-lg-3 col-md-6 text-center"> 
     <div class="service-box"> 
      <i class="fa fa-4x fa-pencil text-primary sr-icons"></i> 
      <h3>Nom</h3> 
      <input type="text" class="form-control" id="lname" name="lname" required=""> 
     </div> 
     </div> 
     <div class="col-lg-3 col-md-6 text-center"> 
     <div class="service-box"> 
      <i class="fa fa-4x fa-envelope text-primary sr-icons"></i> 
      <h3>Courriel</h3> 
      <input type="email" class="form-control" id="email" name="email" required=""> 
     </div> 
     </div> 
     <div class="col-lg-3 col-md-6 text-center"> 
     <div class="service-box"> 
      <i class="fa fa-4x fa-globe text-primary sr-icons"></i> 
      <h3>Montagne</h3> 
      <select class="form-control" id="mont" name="mont" required=""> 
      <option>Valinouet</option> 

       <option>Mont Bélu</option> 
    </select> 
     </div> 
     </div> 
    </div> 
    <div class="row"> 
    <div class="col-lg-10 style="margin-right:100px;padding-bottom:10px;> 
     <br> 
     <div class="checkbox"> 
      <input type="checkbox" name="terms" value="check" id="terms" required=""/> J'accepte de recevoir des offres promotionnelles par e-mail, en cochant la case prévue à cet effet 
     </div> 
    </div> 
    </div> 
    <div class="row"> 
     <div class="col-lg-12 text-center"> 
      <button class="btn btn-primary btn-lg" type="submit" value="Submit" name="submit">Soumettre</button> 
     </div> 
    </div> 
    </form> 

非常感謝您的時間。

Answer 1

發生這種情況，因爲你已經使用的HTML代碼「必要」的屬性，它在默認情況下是的onsubmit之前觸發（）調用