2014-10-09 57 views
0

提交表單我有一個js代碼:Jquery的的onClick事件在Chrome

$(document).on('click', '#form #submitForm', function(e){ 
    $('#form').submit(); 
    return false; 
}); 


$(document).on('submit', '#form', function(e){ 
    // ajax request on submit form 

    return false; 
}); 

其中#form是表單的id,#submitForm是這種形式的內部提交按鈕的ID。

我用.on(),因爲事實證明我的形式動態地對提交Ajax請求產生的。

有人用谷歌瀏覽器Win7上這個投訴是不工作,並通過按#submitForm只是重定向到「形式行動」發生-url。

我有谷歌瀏覽器在Win7和它的工作完美。

想要我想念或做錯了嗎?

+0

爲什麼別的返回後提交; – 2014-10-09 13:50:10

+0

我在此代碼中看不到任何錯誤。 – Regent 2014-10-09 13:51:14

+0

反正你在說什麼「#informer」? – briosheje 2014-10-09 13:51:59

回答

0

當你提交一個表單,這將重定向到URL操作。如果你不想重定向,你必須創建一個Ajax說,「提交」的形式

0

你需要的是停止形式的默認行爲時提交按鈕被按下。

你的代碼改成這樣:

$(document).on('submit', '#form', function(e){ 
    // ajax request on submit form 
    e.preventDefault(); 
    e.stopPropogation(); 
    return false; 
}); 
+0

我想'返回false;'jQuery中既指'event.preventDefault()'和'event.stopPropagation()' – dima 2014-10-09 22:35:35

+0

嗯,我真的不知道如何使用返回false的可靠性..見例如這個問題,HTTP ://stackoverflow.com/questions/18971284/event-preventdefault-vs-return-false-no-jquery – 2014-10-10 07:14:31