Question

实际上只需要一个寻呼机，并且需要在将数据插入数据库之前验证表单是否已正确填充。该函数工作正常，它确实阻止用户在字段为空时提交，唯一的问题是显示的错误文本不是我在我的代码中写的那个。可能是由于某种原因显示的默认警报文本而不是我的。为了您的信息，我目前正在使用带有一些php和javascript的bootstrap模板，这是非常基本的。如果有人能指出我的良好方向，将不胜感激。

这是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代码中使用了'required'属性，默认情况下是在onsubmit（）调用之前触发的

Javascript函数Checkform没有显示我的警报消息

1 个答案: