Javascript函数检查表单不显示我的警报消息

实际上只需要一个页面，在将数据插入数据库之前需要验证表单是否正确填写。该函数运行良好，它确实防止用户在字段为空时提交，唯一的问题是显示的错误文本不是我在代码中编写的文本。可能是默认的警报文本显示，而不是我的出于某种原因。我目前正在使用一个带有一些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>

功能检查表（表格）
{
...
如果（！form.terms.checked）{
警报（“您是否接受促销活动的收据”）；
form.terms.focus（）；
返回false；
}
如果（form.email.value==0）{
警惕（“威利兹·雷姆普利尔·勒·库里尔”）；
form.email.focus（）；
返回false；
}
if（form.fname.value==0）{
警惕（“威利斯·雷姆普利尔·沃特·普雷诺”）；
form.fname.focus（）；
返回false；
}
if（form.lname.value==0）{
警惕（“威利兹·雷姆普利尔·沃特·诺姆”）；
form.lname.focus（）；
返回false；
}
返回true；
}

以下是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>

名词
笔名
库里尔
蒙塔涅
瓦利努埃
贝鲁山


FRES-RealStudioNeLes的电子邮件
苏梅特

---

非常感谢您的时间。

之所以会出现这种情况，是因为您在html代码中使用了“required”属性，默认情况下，在onsubmit（）调用之前会触发该属性。

好的，我今晚回家后会检查这一点。你有什么建议来对付这种行为吗？