用jquery替换输入按钮

Question

我正在尝试使用javascript函数替换表单中的“提交”按钮。我可以插入以下link_to_function来提交表单：

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

现在，我想用jquery上面的js函数替换默认表单提交按钮，以便在禁用js时有一个回退选项。现在的问题是：

  

如何替换普通提交   我的application.js文件里面的按钮？

我试过了：

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

似乎不起作用：/

Answer 1

我建议您保留提交按钮，然后向其添加一个事件，然后阻止提交我假设您在提交时要进行ajax调用？

html

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

jQuery

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

Answer 2

在我的应用程序中，我做了类似的事情 - 我有一个按钮，可以对任何现有表单执行提交操作。

JQuery：

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