2011-04-09 84 views
0

我試圖用javascript函數替換表單中的提交按鈕。我能夠插入下面link_to_function提交表單:用jquery替換輸入按鈕

<%= link_to_function 'Create', "$('form').submit()" %> 

現在,我想替換默認形式與js函數提交按鈕上面的jQuery有一個備用選項時,JS是禁用的。現在的問題是:

我怎麼取代普通提交 按鈕裏面我的application.js文件?

我想:

$('input:submit').replaceWith("<%= escape_javascript(link_to_function 'Create', "$('form').submit()") %>"); 

這似乎並沒有工作:/

+1

爲什麼不使用onclick? – 2011-04-09 20:43:31

+0

@ user700304你的問題已解決? – mcgrailm 2011-04-13 14:22:01

回答

0

在我的應用程序做同樣的事情 - 我有一個按鈕,用於執行存在的任何形式的提交操作。

JQuery的:

$('#save').click(function(){ 
    $('form').submit(); 
    return false; 
}); 
+0

是的,但我如何更換輸入:js打開時用link_to_function提交按鈕?我仍然想要顯示輸入:js關閉時提交按鈕。 – user700304 2011-04-10 08:07:16

+0

你可以讓你的模板產生一個提交按鈕並提交鏈接,並確保鏈接默認通過CSS隱藏。如果JS被激活,你可以使用JS隱藏按鈕,並顯示加載DOM時的鏈接。 – zeeraw 2012-02-14 14:08:35

0

我建議你保持你的提交按鈕,然後一個事件添加到它,然後防止遞交I」假設你想在提交時進行ajax調用?

的HTML

<input type="submit" class="submit" /> 

jQuery的

$('.submit').click(function(event){ 
    event.preventDefault(); 
    //do what you want here 
});