Rails + jQuery-使用jQuery提交不带Submit按钮的表单

Question

鉴于：

<%=form_for [:project, @note], :remote => true do |f| %>

我想创建一个自动保存每隔几秒钟的jquery绑定。 我还不担心计时部分，只担心如何使用jquery自动提交表单（即，无需用户单击提交按钮）。

我试过了，但是没有用。 有什么建议吗？

$('form[data-remote]').live('submit', function (e) {
    alert(1);
    e.preventDefault();
});

谢谢！

Answer 1

所以您正在谈论类似自动保存的事情，对吗？

也许您想为此指定一个Javascript间隔。 例如：

var autosave = window.setInterval("autosaveForm()", 1000);

function autosaveForm() {
  $('form[data-remote]').submit();
}

这是每秒调用一次autosaveForm()并提交表单。 要停止自动保存，您可以像这样使用clearInterval ：

window.clearInterval(autosave);

我希望这有帮助。

Answer 2

$('form[data-remote]').submit()将提交表单。

Answer 3

从setInterval开始：

  setInterval(transmit, 3000);

哪个调用此函数：

function transmit(){
 // get the form field data
 var params = {
   formField1:$("input#formField1").val(),
   formField2:$("input#formField2").val()
 }

 // make the ajax call
 var url = "/controller/action";
   $.post(url, params,
     function(response, status){
     //display results(response, status);
   });
}

Answer 4

您正在使用哪个版本的jQuery？ 您正在使用IE吗？ live（）的早期版本不适用于IE进行表单提交。 （请参阅http://github.com/rails/jquery-ujs/issues/issue/8 ）

我想我最终使用了这个：

if (jQuery.browser.msie){
    $("form[data-remote]").delegate("input[type='submit'],button[type='submit'],input[name='commit']", 'click', function(e) {
        $(this).parents("form[data-remote]").submit();
        if(e.preventDefault) e.preventDefault();
    });
}

在一个项目中。