2016-01-11 31 views
0

提交按钮当用户点击submit按钮,我们想显示的Please wait...'的消息。一个onclick被添加到视图文件:显示消息时用户点击在导轨4

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

这里是html源出上述的:

<input type="submit" onclick="console.log('Please wait....');" class="btn btn-default btn btn-md btn-hover btn-primary" value="保存" name="commit"> 

但点击submit按钮时,什么也没有发生。

回答

3

console.log只会在浏览器控制台中记录一条消息,它不会显示任何用户可见的消息。 Rails的确实有改变按钮上显示的消息,并禁用它内置支持同时提交发生

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

如果你想比这更多你需要准确地描述你的意思是什么“显示的消息,请稍候......“

+0

当用户点击'submit'按钮来上传文件的消息‘请稍候...’显示在屏幕上(就像一个状态栏) – user938363

+0

什么也没有发生与'数据上:{禁用 - 用:'请稍候...'}'。 html源代码是'' – user938363

+0

hmm - 带有data-disable-with和jquery_ujs加载它应该改变按钮上的文本并禁用它,除非你有其他JS事件处理程序覆盖/阻止UJS处理程序 –