Ruby on rails 当用户单击Rails 4中的submit按钮时显示消息

当用户单击

提交

按钮时，我们希望显示一条消息

请稍候…'

。视图文件中添加了一个

onclick

：

<%= f.button :submit, t('Save'), :class => BUTTONS_CLS['action'],  onclick: "console.log('Please wait....');" %>

---

但单击

submit

按钮时没有发生任何事情

您可以使用gem显示消息或进度条。还有其他gem可用，例如..

您可以使用gem显示消息或进度条。还有其他gem可用，例如..

console.log只会在浏览器控制台中记录消息，不会显示任何用户可见的内容。Rails确实内置了更改按钮上显示的消息并在提交时禁用它的支持

<%= f.button :submit, t('Save'), :class => BUTTONS_CLS['action'],  data: { disable_with: 'Please wait....' } %>

按钮\u CLS['action']，数据：{disable_with:'Please wait…'}%>

---

如果您想了解更多信息，您需要准确描述“显示消息，请稍候…”的含义。

console.log只在浏览器控制台中记录消息，不会显示任何用户可见的内容。Rails确实内置了更改按钮上显示的消息并在提交时禁用它的支持

<%= f.button :submit, t('Save'), :class => BUTTONS_CLS['action'],  data: { disable_with: 'Please wait....' } %>

按钮\u CLS['action']，数据：{disable_with:'Please wait…'}%>

---

如果您想要更多信息，您需要准确描述“显示请等待…”的消息的含义。

当用户单击

submit

按钮上载文件时，屏幕上会显示“请等待…”的消息（就像状态栏一样）

数据不会发生任何变化：{disable with:'Please wait…}

。html源代码是

hmm——当使用和加载jquery_JS禁用数据时，它应该更改按钮上的文本并禁用它，除非您有其他JS事件处理程序覆盖/阻止ujs句柄当用户单击

submit

按钮上载文件时，屏幕上会显示一条消息“请稍候…”（就像状态栏一样）对

数据没有任何影响：{disable with:'Please wait…}

。html源代码是

hmm——加载了data disable with和jquery_JS后，它应该更改按钮上的文本并将其禁用，除非您有其他JS事件处理程序覆盖/阻止ujs处理程序