如何提交表單無法重新加載頁面php

Question

我正在開發一個使用codeigniter的程序。 具有形式

<form id="form" name="enquiry"> 
    <ul> 
     <li> 
      <label>Name</label> 
      <input name="name" type="text" id="name" class="required"/> 
     </li> 
     <li> 
      <label>Email</label> 
      <input name="email" type="email" id="email" class="required"/> 
     </li> 
     <li> 
      <label>Telephone</label> 
      <input name="telephone" type="text" id="telephone" class="required"/> 
     </li> 
     <li> 
      <button type="submit" id="enquiry_submit">Send</button> 
     </li> 
    </ul> 
</form> 

我認爲文件這個我使用jquery提交和確認

$("#form").validate({ 
    submitHandler: function(form) { 
     var name1 = $('#name').val(); 
     var email1 = $('#email').val(); 
     var telephone1 = $('#telephone').val(); 
     if(name1 && email1 && telephone1) { 
      $.ajax({ 
       type: 'post', 
       url: '<?= base_url()?>'+'frontend/form_enquiry', 
       data: 'name='+name1+'&email='+email1+'&telephone='+telephone1 
      }); 
     } 
    } 
}); 

這裏前端是我的控制器存儲data.I正在使用這種形式作爲一個彈出所有頁面。它在主頁上工作正常，但不能在其他頁面中工作。提交表單時應該加載頁面。我想不加載頁面我需要提交表單。

Answer 1

變化

<button type="submit" id="enquiry_submit">Send</button> 

到

<button type="button" id="enquiry_submit">Send</button> 

更多閱讀本http://w3code.in/2015/09/how-to-insert-and-view-data-without-refreshing-page-using-ajax-and-jquery-in-codeigniter/

Answer 2

試試這個

$("#form").validate({ 
    submitHandler: function(form) { 
     var name1 = $('#name').val(); 
     var email1 = $('#email').val(); 
     var telephone1 = $('#telephone').val(); 
     if(name1 && email1 && telephone1) { 
      $.ajax({ 
      type: 'post', 
      url: '<?= base_url()?>'+'frontend/form_enquiry', 
      data: 'name='+name1+'&email='+email1+'&telephone='+telephone1 
     }, 
     success: function(msg) 
     { 
      alert('test message'); 
     }    
    }); 
}); 

Answer 3

$("#form").validate({ 
      submitHandler: function(form) { 
       var name1 = $('#name').val(); 
       var email1 = $('#email').val(); 
       var telephone1 = $('#telephone').val(); 
        if(name1 && email1 && telephone1) 
        { 
         $.ajax({ 
          type: 'post', 
          url: '<?= base_url()?>'+'frontend/form_enquiry', 
          data: 'name='+name1+'&email='+email1+'&telephone='+telephone1 
         }); 
         return false 
        } 
       } 

      }); 
})