rails simple_form提交按钮与确认

问题描述:

我正在使用simple_form Rails 4和使用邪恶创建向导。rails simple_form提交按钮与确认

我有一个按钮,伟大工程:

<%= f.button :button, "<i class='fa fa-chevron-right btn-next'></i>".html_safe, data: {disable_with: "<i class='fa fa-spinner fa-spin fa-2x'></i>"} %> 

但我想添加这样一个弹出的步骤之一(这也适用):

<%= f.submit :button, data: {confirm: "Are you sure this information is correct?"} %> 

然而,我无法弄清楚如何让他们两者一起,像这样:

<%= f.button :button, "<i class='fa fa-chevron-right btn-next'></i>".html_safe, data: { confirm: "Are you sure this information is correct?", disable_with: "<i class='fa fa-spinner fa-spin fa-2x'></i>"} %> 

这结束了做2个弹出窗口,然后d不会提交任何内容并保持在同一页面上。

任何想法?谢谢!!

+0

有你考虑使用JavaScript方法?听提交,并做一个确认弹出 – Saifis

+0

对不起,我在js非常可怕,所以不知道这是什么需要 – bft

所以事实证明,这是jquery-rails gem的问题。 宝石 'jQuery的轨道'

要这样:

https://github.com/rails/jquery-rails/issues/173

在我的宝石文件,我从这个改变 宝石 'jQuery的轨道', '〜> 3.0'

$('.submit-button').on("click", function() { 
    if (confirm('Are you sure ?')) { 
     $(".form-vertical").submit(); 
    } 
}) 

<%= f.button :button, "<i class='fa fa-chevron-right btn-next'></i>".html_safe, data: {disable_with: "<i class='fa fa-spinner fa-spin fa-2x'></i>"}, class: 'submit-button' %> 
+0

谢谢,还是有些东西是不正确的,弹出不会被触发。我将JS放入我的application.js文件中,并替换了form-id'' – bft

+0

@bft检查已更新的代码..已完成更改,因为我已完成 –

当我用我的现有simple_form代码上的按钮替换您的代码时,它似乎工作。嗯,你可以发布simple_form的代码吗?

+0

以下是我在simple_form顶部的内容:'' – bft

+0

你的代码看起来不错。在确认警报消息时,您可以在日志中看到什么? –

+0

在2015-10-16 18:20:40 +0700 开始获取“/ account_setups/name_dob_country”为127.0.0.1处理AccountSetupsController#show as JS 参数:{“id”=>“name_dob_country”} – bft