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之前触发（）调用