html - Rails：禁用 image_submit_tag

Question

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

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

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

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

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);
});

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