Rails：禁用image_submit_tag

Question

我的注册表单上有一个按钮，如下：

<%= image_submit_tag('/assets/atmosphere_forward.png', :class => "signup_submit_button")%>

当用户点击它时，在处理表单时会有几秒钟的延迟。如何在发生这种情况时更改提交按钮的图像（类似于使用：disable_with和其他标签）？

或者，或者，我如何向表单添加一个仅在表单处理时出现的字段（可能包含“Please Wait”或类似内容）？

Answer 1

我认为Rails UJS工具不足以改变输入字段的状态，添加/删除类或显示和隐藏属性。你必须使用JavaScript。

form = $('#your_form');
form.submit(function(event) {
  //change the button
  var btn = form.find('input[type="submit"]');
  btn.image = '...';

  //setup the please wait message
  var message = $('<div class="please-wait">Please Wait...</div>');
  form.append(message);
});

我建议您使用表单按钮，然后在提交事件中更改类。