関数がデータを送信しない

Question

次のコードがあります。問題は、ajaxがデータを送信しないということです。理由はわかりません。問題はjavascript関数にあるようです。私を助けてくれますか？

私はフォームから送信ボタンを置くと、それは動作します、なぜですか？ type属性を持たない

<div class="modal fade" id="form-content" tabindex="-1" role="dialog" style="display: none; "> 
    <div class="modal-dialog"> 
     <div class="modal-content">   
      <div class="modal-body"> 
       <div class="row"> 
        <div class="col-md-12 text-center"> 
         <div class="pop-up">        
          <div class="box-1"> 
           <h3>Fill email</h3>          
          </div> 
          <img src="img/6.png" class="center-block" alt=".."> 
          <div class="form-search space40"> 
           <form class="contact"> 
            <div class="input-group input-group-lg mtop-10"> 
             <input type="text" name="Email" class="form-control input-lg" placeholder="email"> 
             <span class="input-group-btn"> 
              <button id="submit" class="btn btn-lg-sub model-btn" name="name">submit</button> 
             </span> 
            </div> 
           </form> 
          </div> 
          <div class="space30"></div> 
          <div> 
          </div> 
          <div class="space30"></div> 
         </div> 
        </div> 
       </div>      
      </div>       
     </div>     
    </div> 
</div> 

$(function() { 
    $("button#submit").click(function(){ 
     $.ajax({ 
      type: "POST", 
      url: "process.php", 
      data: $('form.contact').serialize(), 
      success: function(msg){ 
       $("#thanks").html(msg) 
       $("#form-content").modal('hide'); 
      }, 
      error: function(){ 
       alert("failure"); 
      } 
     }); 
    }); 
}); 

Answer 1

ボタンは、ボタンをクリックしたときので、あなたがフォームを送信するデフォルトの動作を阻止する必要があり、送信ボタンとして考えられている、またはあなたがtype="button"を追加することができます。

$(function() { 
    $("button#submit").click(function(e) { 
     e.preventDefault(); //You need this 
     $.ajax({ 
      type: "POST", 
      url: "process.php", 
      data: $('form.contact').serialize(), 
      success: function(msg) { 
       $("#thanks").html(msg) 
       $("#form-content").modal('hide'); 
      }, 
      error: function() { 
       alert("failure"); 
      } 
     }); 
    }); 
}); 

または：

<button id="submit" type="button" 
     class="btn btn-lg-sub model-btn" 
     name="name">submit</button> 

私はこの意志を願っています 助けます。