送信ボタンで送信しないフォーム

Question

私は自分のウェブサイトから連絡先を作成しています。送信ボタンをクリックすると送信しません。 http://tricksfortheweb.com/contact。なぜ提出しないのですか？

<div id="content"> 
     <h1>Contact Us</h1><hr> 
     <form action="?contact=1" method="post"> 
     <p>Contact as...</p> 
     <?php 
       if(!$_SESSION["username"]){ 
        echo "<!--"; 
       } 
       ?><div class="row"> 
      <div class="col-md-3"> 
      <div class="row"> 
       <div class="col-md-12"> 

       <label><input type="radio" required name="contact_details" value="user" checked onclick="$('#enter-details').addClass('disabled')"> Current User (<a href="/account/?action=view"><?php echo $u; ?></a>)</label> 
       </div> 
      </div> 
      </div> 
      <div class="col-md-9"> 

       <label><input type="radio" name="contact_details" value="new" onclick="$('#enter-details').removeClass('disabled')"> Enter details</label> 

       <?php if(!$_SESSION["username"]){echo "-->";} ?> 
       <div id="enter-details" class="<?php if(!$_SESSION['username']){ echo 'un'; } ?>disabled"> 
        <input type="text" name="usern" class="form-control" placeholder="Name"><br> 
        <input type="email" name="emi" class="form-control" placeholder="Email"> 
       </div> 
      <?php 
       if(!$_SESSION["username"]){ 
        echo "<!--"; 
       } 
       ?> 
      </div> 
     </div><?php 
       if(!$_SESSION["username"]){ 
        echo "-->"; 
       } 
       ?> 
     <h3>Message:</h3> 
     <textarea class="form-control" name="contact_message" rows="10" required></textarea> 
     <br> 
     <input type="submit" value="Contact" class="btn btn-primary"> 
     </form> 
     <?php 
     if(isset($_POST["submit"])){ 
      if($_POST["contact_details"] == "user"){ 
      $conn = new mysqli('localhost', 'username', 'password', 'database'); 
      $sql = "SELECT * FROM users WHERE username = '$u'"; 
      } 
     } 
     ?> 
    </div> 

Answer 1

ページで、次のしているように見えます：

$("form").submit(function(e, force){ 
    if(!force){ 

     e.preventDefault(); 
     if($("#username").val != "" && $("#password").val() != ""){ 
      $(this).trigger('submit', true); 
     } else { 
      $("#error").html("<span class='fa fa-circle-times'></span> All fields must be filled out."); 
     } 
    } 
}) 

私はあなたがそのそこログインモーダルのため持っていると思います。

e.preventDefault();は、forceフラグでトリガーされていないすべてのフォームの送信を停止する可能性がありますか？

おそらく、フォームがID「modal-login-form」の場合、$("#modal-login-form").submit...のように、jQueryセレクターをより具体的に変更しますか？これにより、イベントがページ上のすべてのフォームのデフォルトの送信アクションを妨げるのを防止します。