提交返回False，但仍提交表單 - PHP，Javascript，AJAX，CodeIgniter

Question

這可能會倒退。我需要一個表單提交返回false，但仍然提交表單。

我有一個窗體被拉到一個頁面通過ajax（jQuery的加載功能），並提交我想顯示一個圖形和一些文本在同一個div，而不是重定向頁面。

這是我的提交按鈕（笨）：

<?php $attributes = array('class' => 'button', 'onclick' => 'form_success_client(); return false;', 'name' => 'submit'); echo form_submit($attributes, 'Save'); ?> 

和HTML：

<input type="submit" onclick="form_success(); return false;" class="button" value="Save" name="submit"> 

並加載成功消息的JavaScript函數：

function form_success_client() { // form success 
    $('.contentarea').load("/mm/index.php/site/form_success_client/"); 
} 

這一切工作正常，但不太好，它不提交表格。我知道這樣做的正確方法是將表單提交傳遞給jquery，但我不知道該怎麼做。如果可能的話，可以做一個快速修復（直到我有時間排除一個更好的解決方案），但所有建議表示讚賞。

謝謝！

答：

這是什麼工作對我來說，張曼玉的回答只是微微編輯：

function form_success_client(obj) { 
    $.ajax({ 
     type: 'POST', 
     url: $(obj).attr('action'), 
     data: $(obj).serialize(), 
     success: function(msg){ 
     $('.contentarea').load("/mm/index.php/site/form_success_client/"); 
     } 
    }); 
    return false; 
} 

注意對URL和數據$（）包裝OBJ。

Answer 1

將你的JS onclick事件綁定到表單（不是按鈕），像這樣 'onclick' => 'form_success_client(this); return false;'

，改變你的函數

function form_success_client(obj) { 
    $.ajax({ 
     type: "POST", 
     url: obj.attr("action"), 
     data: obj.serialize(), 
     success: function(msg){ 
     $('.contentarea').load("/mm/index.php/site/form_success_client/"); 
     } 
    }); 
} 

未經檢驗

Answer 2

您可以使用jQuery。員額，不用彷徨或阿賈克斯

基於成功或返回的數據可以提交表單

http://api.jquery.com/jQuery.get/

http://api.jquery.com/jQuery.post/

http://api.jquery.com/jQuery.ajax/

Answer 3

可能的解決方法。我堅持你的代碼

<input type="submit" onclick="form_success_client(this); return false;" class="button" value="Save" name="submit"> 

function form_success_client(i) { 
    formData = $(i).parents('form').serialize(); 
    $.post("/mm/index.php/site/form_success_client/", formData, function(loaded) { $('.contentarea').append(loaded) }, 'html'); 
} 

編輯：是的，正如瑪吉說，你應該綁定form_success_client(this); return false;像

<form onsubmit="form_success_client(this); return false;"> 

沒有按鈕