2011-04-09 98 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 
});