Ruby on Rails：提交按下时的警报按钮

Posted 2023-02-26

【中文标题】Ruby on Rails：提交按下时的警报按钮

【英文标题】：Ruby on Rails: Alert button on submit press

【发布时间】：2012-10-31 16:59:30

【问题描述】：

我有一个功能，用户可以通过输入注册的电子邮件并单击按钮来重置自己的密码。然后会向该地址发送一封电子邮件。

<div class ="title">Reset your password</div>



<%= form_for(resource, :as => resource_name, :url => password_path(resource_name), :html =>  :method => :post ) do |f| %>
  <%= devise_error_messages! %>
<div class="signup">
  <div class = "field">Email: 
  <%= f.email_field :email, :class => "email" %></div>

</br>

  <div><%= f.submit "Send me reset password instructions", :class => "button", :confirm => "An email to reset your password has been sent" %></div>
</div>

<% end %>

我希望在他们点击提交按钮后显示一个弹出框。我现在有一个确认弹出窗口，但我只是想要一个警报弹出窗口，用户只能选择单击“确定”。这个可以吗？

我是 Rails 新手，所以在尝试提供帮助时请记住这一点。提前致谢。

【参考方案1】：

你可以使用：

 <%= f.submit "Send me reset password instructions", data:  confirm: 'Are you sure?'  %>

【讨论】：

这是一种可爱的 Rails 方式 :)

【参考方案2】：

Rails 没有内置这种功能，但您始终可以使用 javascript：

f.submit "Send me reset password instructions", :class => "button", :onclick => "alert('Input collected!')"

我首选的解决方案是向按钮添加一个 data-alert-message 属性，并通过 javascript 在 DOM 加载上不显眼地附加 onclick 事件，但我不会解释这一点，因为它与 Rails 无关。