jquery - 用jquery替换输入按钮

Question

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

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

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

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

我试过：

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

这似乎不起作用：/

score 0 · Accepted Answer

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

html

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

jQuery

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

score 0 · Accepted Answer

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

jQuery：

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

2 回答 2