返回false在表單提交中不起作用

Question

這就是我所擁有的並且表單仍然進入頁面？自從凌晨1點試圖解決這個問題以來，我一直在努力！幫幫我！

function del_entry() { 
    $('.delete_deal').submit(function() { 
     var $g = $(this);        
     $.ajax({ 
      url: $g.attr('action'), 
      type: $g.attr('method'), 
      data: $g.serializeArray(), 
      cache: false, 
     }); 
    }); 
    return false; 
}; //end del_entry 

而且在我的表格：

<form name="delete_deal" action="inactivate_deal.php" class="delete_deal" method="post"> 
<a href="#" class="button" onClick="$('#deal_div_id').fadeOut(); del_entry();">Delete</a></form> 

Answer 1

您需要從submit()函數返回false：

function del_entry(){ 
    $('.delete_deal').submit(function(){ 
     var $g = $(this);        
       $.ajax({ 
       url: $g.attr('action'), 
    type: $g.attr('method'), 
      ta: $g.serializeArray(), 
    cache: false, 
      }); 
    return false; 
    }); 
}; //end del_entry 

您還需要阻止瀏覽器的默認行爲踢在錨元素。

Answer 2

只要把上面的return false;一行... ;)

Answer 3

function del_entry(){ 
$('.delete_deal').submit(function(){ 
    var $g = $(this);        
      $.ajax({ 
      url: $g.attr('action'), 
    type: $g.attr('method'), 
      ta: $g.serializeArray(), 
    cache: false, 
      }); 

     return false; // <----------------- ADD HERE 

}); 

}; //end del_entry 

Answer 4

既然你調用從HTML的del_entry()功能，你可以簡單地這樣做：

function del_entry() 
{ 
    var $g = $('.delete_deal'); 

    $.ajax({ 
     url: $g.attr('action'), 
     type: $g.attr('method'), 
     ta: $g.serializeArray(), 
     cache: false 
    }); 
}